옵션 |
기능 설명 |
옵션 사용 예 |
align='left' |
그림의 왼쪽에 글이 나타날 수 있게 정렬됨 (신문에서 왼쪽에 사진이 보이고 그 옆에부터 기사가 보이는 것을 생각하면 됩니다) |
<img src='그림주소' width='90' height='30' align='left' border='0'> |
align='right' |
그림의 오른쪽에 글이 나타날 수 있게 정렬됨 (위와는 반대로 오른쪽에 사진이 보이고 사진의 오른쪽에서부터 기사가 보이는 것) |
<img src='그림주소' width='90' height='30' align='right' border='0'> |
align='top' |
그림의 위를 기준으로 그림의 좌우 내용이 정렬됨. |
<img src='그림주소' width='90' height='30' align='top' border='0'> |
align='middle' |
그림의 가운데 부분을 기준으로 그림의 좌우 내용이 정렬됨 |
<img src='그림주소' width='90' height='30' align='middle' border='0'> |
align='baseline' |
그림의 아래를 기준으로 그림의 좌우 내용이 정렬됨 align='bottom' 과의 차이는 bottom인 경우보다 그림의 아래를 기준으로 그림의 오른쪽에 나타나는 글의 위치가 bottom 보다는 약간 위로 올라가 있습니다.. 아주 미묘한 차이지만 작은 아이콘 그림 옆에 글을 쓰는 경우에는 bottom이나 baseline에 따라 크게 차이나 보일 수 있습니다.. |
<img src='그림주소' width='90' height='30' align='baseline' border='0'> |
align='bottom' |
그림의 아래를 기준으로 그림의 좌우 내용이 정렬됨 |
<img src='그림주소' width='90' height='30' align='bottom' border='0'> |
align='texttop' |
valign='top'과 같은 효과를 나타냅니다.. |
<img src='그림주소' width='90' height='30' align='texttop' border='0'> |
align='absmiddle' |
valign='middle'과 같은 효과를 나타냅니다.. |
<img src='그림주소' width='90' height='30' align='texttop' border='0'> |
align='absbottom' |
valign='bottom'과 같은 효과를 나타냅니다.. align=' '을 지정하지 않은 경우 기본적으로 지정되는 것이 align='baseline'입니다.. |
<img src='그림주소' width='90' height='30' align='absbottom' border='0'> |
vspace='픽셀수' |
그림의 상하 테두리와 다른 내용과의 여백을 픽셀(px) 단위로 지정해 주면 지정한 픽셀 수 만큼 여백이 생깁니다.. vspace='30'이라면 그림의 상하를 다른 내용과는 30픽셀 여백을 띄우라는 것입니다.. |
<img src='그림주소' width='90' height='30' vspace='20' border='0'> |
hspace='픽셀수' |
그림의 좌우 테두리와 다른 내용과의 여백을 픽셀(px) 단위로 지정해 주면 지정한 픽셀 수 만큼 여백이 생깁니다.. hspace='30'이라면 그림의 좌우를 다른 내용과는 30픽셀 여백을 띄우라는 것입니다.. |
<img src='그림주소' width='90' height='30' hspace='20' border='0'> |