IMG 태그 속성들

<img> 태그의 속성

 

alt : <img scr ="home.gif" alt="클릭하세요">  - 그림에 마우스 올리면 '클릭하세요' 설명 팁을 띄움

 

width : <img scr ="home.gif" width = 500> - 그림의 가로크기를 500픽셀로 설정
 <img scr ="home.gif" width = 50%> - 그림의 가로크기를 브라우저 크기를 기존으로 50%로 설정

 

height : <img scr ="home.gif" height = 300> - 그림의 세로크기를 300픽셀로 설정
 <img scr ="home.gif" height = 100%> - 그림의 세로크기를 브라우저 크기만큼 가득채움

 

align : <img scr ="home.gif" align = left> - 그림을 왼쪽 정렬하고 문장을 어울리게 배치
 <img scr ="home.gif" align = right> - 그림을 오른쪽 정렬하고 문장을 어울리게 배치
 <img scr ="home.gif" align = top> - 문장을 그림상단에 맞추어 정렬
 <img scr ="home.gif" align = middle> - 문장을 그림 중간에 맞추어 정렬
 <img scr ="home.gif" align = bottom> - 문장을 그림 하단에 맞추어 정렬
 <img scr ="home.gif" align = texttop> - 그림을 글자 상단에 맞추어 정렬
 <img scr ="home.gif" align = absmiddle> - 그림을 글자 중간에 맞추어 정렬
 <img scr ="home.gif" align = absbottom> - 그림을 글자 하단에 맞추어 정렬
 <img scr ="home.gif" align = baseline> - 그림 하단을 글자 기준선에 맞추어 정렬

 

border : <img scr ="home.gif" border=0> - 그림 테두리 표시하지 않음
 <img scr ="home.gif" border = 10> - 그림 테두리를 10픽셀로 표시

 

hspace : <img scr ="home.gif" hspace = 10> - 그림 좌우에 10픽셀만큼 여백 설정

 

vspace : <img scr ="home.gif" vspace = 10 > - 그림 상하에 10픽셀만큼 여백 설정

by 토레빵 | 2010/02/09 17:33 | JSP | 트랙백 | 덧글(4)

트랙백 주소 : http://torrebbang.egloos.com/tb/5245417
☞ 내 이글루에 이 글과 관련된 글 쓰기 (트랙백 보내기) [도움말]
Commented by ㅎㅎ at 2013/02/19 16:48
<img 옆에 src아닌가요?
scr이라고 오타 나있네요
Commented by gg at 2013/09/30 19:30
스크린의 scr이 맞습니다.
Commented by ㅋㅋㅋㅋㅋㅋ at 2014/03/25 00:58
img src맞습니다.sorce의 줄임말. 이미지 출처="여기"
이미지 스크린 ㅋㅋㅋㅋㅋㅋㅋㅋㅋ
상상력 갑이네
Commented by ㅋㅋㅋㅋㅋㅋ at 2016/11/08 10:34
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ우기기갑

:         :

:

비공개 덧글

◀ 이전 페이지          다음 페이지 ▶