본문 바로가기

HTML

map 태그

map태그는 이미지 맵을 만들때 사용된다. img태그의 usemap속성과 map태그의 name속성으로 연결된다.

 

<img src="img.jpg" alt="이미지" usemap="#myMap">
<map name="myMap">
	<area shape="circle" coords="400, 400, 100" href="http://www.daum.net" alt="다음" title="다음" target="_blank">
	<area shape="poly" coords="500, 500, 100, 500, 250, 100" href="http://www.tistory.com" alt="티스토리" title="티스트리" target="_blank">
	<area shape="rect" coords="0, 0, 100, 100" href="http://www.naver.com" alt="네이버" title="네이버" target="_blank">
</map>

 

Attribute Value Description
name mapname 필수. 이미지 맵 이름 설정

 

반응형

'HTML' 카테고리의 다른 글

mark 태그  (0) 2021.02.15
태그(Tag)와 요소(Element) 차이  (0) 2021.02.14
main 태그  (0) 2021.02.13
li 태그  (0) 2021.02.11
legend 태그  (0) 2021.02.10