<img> 태그

홈페이지만들기/HTML·2010. 11. 23. 11:46

사용형식 : <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"> - 문장을 그림 하단에 맞추어 정렬

댓글