<img> 태그
사용형식 : <img src = "파일명">
<img> 태그의 속성
alt (이미지 설명 팁)
alt : <img src ="파일명" alt="클릭하세요"> - 이미지에 마우스 올리면 '클릭하세요' 설명 팁을 띄움
width 와 height (이미지 너비와 높이)
<img scr ="파일명" width = 500> - 이미지의 가로크기를 500픽셀로 설정
<img scr ="파일명" width = 50%> - 이미지의 가로크기를 브라우저 크기를 기존으로 50%로 설정
<img scr ="파일명" height = 300> - 이미지의 세로크기를 300픽셀로 설정
<img scr ="파일명" height = 100%> - 이미지의 세로크기를 브라우저 크기만큼 가득채움
border (이미지 테두리 선)
<img src ="파일명" border="0"> - 이미지 테두리 표시하지 않음
<img src ="home.gif" border = "5"> - 이미지 테두리를 5px 로 표시
hspace 와 vspace (이미지 좌우여백과 상하여백)
<img src ="home.gif" hspace = 10> - 이미지 좌우에 10px만큼 여백 설정
<img src ="home.gif" vspace = 10 > - 이미지 상하에 10px만큼 여백 설정
align(가로정렬은 align 세로정렬은 valign)
<img src ="파일명" align = "left"> - 이미지을 왼쪽 정렬
<img src ="파일명" align = "center"> - 이미지을 가운데 정렬<img src ="파일명" align = "right"> - 이미지을 오른쪽 정렬
<img src ="파일명" valign = "top"> - 문장을 그림상단에 맞추어 정렬
<img src ="파일명" valign = "middle"> - 문장을 그림 중간에 맞추어 정렬
<img src ="파일명" valign = "bottom"> - 문장을 그림 하단에 맞추어 정렬
댓글 개