HTML - 이미지맵

<목차로 돌아가기>

이미지맵의 이해

이미지 맵은 그림의 특정한 영역에 하이퍼링크를 시키는 것

사용방법
그림을 문서에 올리고 이름을 지정한다.
<img src="1.jpg" width=333 height=296 border=0 usemap="#ImageMap1"><br><br>

올린 그림을 맵테그로 영역을 지정한다.
<map name="ImageMap1">

다각형 영역 지정
ex)<area shape="poly" coords="x1,y1,x2,y2,x3,y3">
 <area shape="poly" coords="100,122,45,156,30,175,19,170,23,156,53,121,101,88" href="http://www.google.co.kr" target="_blank" alt="왼쪽날개">

원 영역지정 
ex)<area shape="circle" coords="x1,y1,반지름
 <area shape="circle" coords="70,50,30" href="http://www.daum.net" target="_blank" alt="머리">

사각형 영역지정
ex)<area shape="rect" coords="x1,y1,x2,y2">
 <area shape="rect" coords="101,107,215,251" href="http://blog.naver.com/whatebag" target="_blank" alt=" 배">
</map>