Live Brilliant

이미지맵태그_좌표값읽기(coords) 이미지 팝업 본문

개발은 핵찜이야/HTML/CSS

이미지맵태그_좌표값읽기(coords) 이미지 팝업

주인정 2012. 4. 13. 16:09

이미지 맵을 지정하는 영역의 모양이 사각형일 경우, 원형일 경우, 다각형일 경우에 따라 coords속성의 좌표값이 달라진다.

**이미지 맵을 지정하는 영역의 링크 모양이 사각형일 경우**

형식

<area shape="rect" coords="좌측상단의 가로좌표, 좌측상단의 세로좌표,우측하단의 가로좌표,우측하단의 세로좌표" href="링크하여 이동하게 되는 html문서의 파일명">

<area shape="rect" coords="x1,y1,x2,y2" href="링크할 주소">
**이미지 맵을 지정하는 영역의 링크 모양이 원형일 경우**

형식

<area shape="circle" coords="원중심의 가로좌표,원중심의 세로좌표,원의 반지름" href="링크하여 이동하게 되는 html문서의 파일명">

Comments