이미지 맵은 그림의 특정한 영역에 하이퍼링크를 시키는 것
사용방법
그림을 문서에 올리고 이름을 지정한다.
<img src="1.jpg" width=333 height=296 border=0 usemap="#ImageMap1"><br><br>
올린 그림을 맵테그로 영역을 지정한다.
<map name="ImageMap1">
다각형은 다각형의 꼭지점의 x와 y좌표를 계속해서 적으면된다.
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>
'웹프로그래밍 > html' 카테고리의 다른 글
| HTML - 테이블(table)2 (0) | 2011.02.10 |
|---|---|
| HTML - 테이블(table) (0) | 2011.02.10 |
| HTML - 하이퍼링크 (0) | 2011.02.10 |
| HTML - 그림넣기 <img>태그 (0) | 2011.02.10 |
| HTML - 목록태그(ol,ul) (0) | 2011.02.10 |