[HTML] IMAGE

hi·2021년 12월 7일

이미지 삽입

<img src="url" width="너비" height="높이" alt="대체할 설명">

이미지 테두리

<img src="" border="경계선 굵기">

텍스트 배치

<img src="" align="정렬방법">

left, right, top, middle, bottom 
texttop : 그 줄에서 텍스트 키가 가장 큰 것의 상단에 이미지를 정렬
absmiddle : 그 줄에서 가장 큰 이미지의 중앙에 정렬
absbottom : 그 줄에서 가장 밑에 있는 것의 하단에 이미지 하단을 맞춤

이미지 맵

이미지의 특정 부분에 링크 연결

<img src="url" usemap="#맵 이름">
<map name="맵 이름">
    <area shape="모양" coords="좌표" href="url" alt="대체용 텍스트">
</map>



1) shape

rect(사각형) : 왼쪽 위 모서리 x좌표, y좌표, 오른쪽 아래 모서리 x좌표, y좌표
circle(원) : 중심점 x좌표, 중심점 y좌표, 반지름
polygon(다각형) : 각이 지는 모든 부분을 x좌표, y좌표 순서로 지정

2) href : 클릭했을 때 옮겨갈 페이지 설정

0개의 댓글