HTML - map 태그

yeong ·2022년 11월 9일

usemap 속성 : map 태그의 이름을 속성값으로 설정 usemap 속성값에 #을 붙여 태그 표현

<img alt="이미지 링크" src="/web/html/images/map.png" usemap="#favorites">

map 태그 : 이미지 영역에 대한 하이퍼 링크 기능을 설정하기 위한 태그 (하위태그 : area)
name 속성 : 태그의 이름을 속성값으로 설정 -태그의 이름은 중복 가능

	<map name="favorites">

area 태그 : 이미지 영역의 범위를 설정하기 위한 태그
shape속성 : 영역을 범위를 설정하기위한 모양을 속성값으로 설정
속성값 : rect(기본),circle,poly 등
coords 속성 : 영역 모양의 범위를 설정하기 위한 좌표값을 속성값으로 설정

	<area alt="트위터" shpae="rect" coords="0,0,128,117" href="https://twitter.com" target="_blank">		
		<area alt="페이스북" shpae="rect" coords="129,0,248,117" href="https://facebook.com" target="_blank">		
	</map>

0개의 댓글