17. 이미지맵
.NET프로그래밍/HTML 4.0 / XHTML1.0 2009. 7. 23. 10:03 |<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<img src="images/3.jpg" alt="구글" usemap="#go" />
<map id="go" name="go">
<area
shape="rect"
coords="0,0,50,50"
alt="네이버로 이동"
href="http://www.naver.com/"
target="_blank" />
<area
shape="circle"
coords="100,50,50"
alt="다음"
href="http://www.daum.net/"
target="_self" />
<area
shape="poly"
coords="200,50,250,0,250,100,200,50"
alt="야후"
href="http://kr.yahoo.com/"
target="_blank "/>
</map>
</body>
</html>
//
<img src="URL" alt="이미지 설명" usemap="#맵 이름">
<map name=“맵 이름”>
<area shape="모양" coords="좌표" href="URL" alt="대체용 텍스트">
- Shape속성
rect(사각형) : 왼쪽위 X/Y좌표, 오른쪽아래 X/Y좌표 기록(3, 3, 10, 10)
circle(원) : X좌표, Y좌표, 반지름(100, 100, 100)
poly(다각형) : X/Y좌표, …
default (전체)
< 실행결과 >
'.NET프로그래밍 > HTML 4.0 / XHTML1.0' 카테고리의 다른 글
| 19. 테이블 (0) | 2009.07.23 |
|---|---|
| 18. body속성 (0) | 2009.07.23 |
| 16. 이미지링크 (0) | 2009.07.22 |
| 15. 하이퍼링크 (0) | 2009.07.22 |
| 14. URL(URI)구조 (0) | 2009.07.22 |