HTML <map> 태그 이미지 맵 태그(Client-Side Image Map) - HTML의 <map> 태그는 이미지 맵을 정의합니다.
HTML 태그 2012. 9. 18. 11:01HTML <map> 태그 : 이미지 맵 태그(Client-Side Image Map)
<map> HTML 태그는 <img> 태그와 함께 이미지 맵을 정의하는 데 사용됩니다.
<map> 태그는 <area> 태그와 이미지에 클릭 가능한 영역을 지정 <img> 태그와 함께 사용됩니다.
<img> 태그와는 달리 <map>은 하나의 커다란 이미지에 usemap="#맵이름" 속성을 지정하고 영역을 나누어서 여러 개의 링크를 시킬 수 있는 방법입니다.
맵의 형태에는 사각형(shaoe="rect") , 원형(shaoe="circle") , 다각형(shaoe="poly") , 기본형(default)이 있습니다
<map> 태그 예제
<html>
<head>
<title>html map 태그 예제샘플</title>
</head>
<body>
<h1>map 태그의 예제샘플입니다</h1>
<p>
<P><OBJECT data="/help/sample.gif" type="image/gif" usemap="#map1">
<MAP name="map1">
<P>네비게이션
<A href="/help/sample.asp" shape="rect" coords="0,0,118,28">길안내</a>
<map> 관련 태그
<map> 태그 속성
class : 문서의 요소를 식별합니다.
dir : HTML의 일세 속성은 HTML 문서의 요소 안에있는 텍스트의 방향을 설정합니다.
id : 문서의 요소를 식별합니다.
lang : 요소의 내용의 언어를 지정합니다.
name : 요소에 대한 이름을 지정하는 것입니다.
style : 요소에 대한 인라인 스타일을 지정합니다.
title : 문서에 대한 제안 제목은 열 수 있습니다.
'HTML 태그' 카테고리의 다른 글
WRITTEN BY
- white_rabbitstar
html대학에서는 html 태그,html5 신규태그,css등 모든 속성,이벤트,속성값을 정리하여 앞으로 열심히 글을 올리 겠습니다.
,
