<img src="img_sample.gif" width="538" height="445" alt="" usemap="#sample">

 

· 이미지 img_sample.gif(538*445) gif 이미지에 이미지맵(usemap="#sample") 연동작업을 위해 usemap를  사용합니다.

 

 

<map name="sample"> --> img map 시작

<area shape="rect" coords="190,0,449,88" href="#" alt="버튼1입니다.">

</map>--> img map 끝

 

· name : <img>의 usermap에서 지정한 맵 이름과 동일해야 합니다.

· shape : 이미지맵의 모양을 시각형(rect),타원형(circle),다각형(poly)중에서 지정합니다.

· coords : shape에서 선택한 이미지맵에 따라 좌표 부분이 달라집니다. 다각형(poly)의 경우 최소3개의 꼭지점이 필요합니다.
 

· href : 클릭시 이동할 URL을 지정합니다.

· alt : 이미지맵 영역에 마우스를 가져다 댈 경우 나타는 글자 부분입니다.

이미지의 좌표를 측정하는 프로그램이 없으면 간단하게 윈도우 "그림판" 을 이용하시면 됩니다.