[HTML] 이미지맵 (imgmap) 좌표로 링크 넣기

■ HTML 이미지맵 (imgmap) 좌표로 링크 넣기

---

■ 사용법

<img src="imgmap.gif" alt="imgmap.gif" usemap="#001" border="0">
  <map name="001">
  <area shape="rect" coords="42,41,154,66" href="/01/homepage.php" target="_blank">
  <area shape="rect" coords="42,76,152,100" href="/03/html.php" target="_blank">
  <area shape="rect" coords="40,113,150,138" href="/05/html2.php" target="_blank">
</map>

1. usemap과 map의 name이 동일해야함 (usemap에는 앞에 #)
2. area href는 클릭 시 이동할 페이지 링크를 입력
3. area coords는 그림판에 이미지를 불러온 후 rect(사각형)일 때 왼쪽상단 a, b와 오른쪽하단 c, d의 값을 a, b, c, d 로 입력