개발 공부중

[HTML/CSS] 이미지맵 실습 본문

HTML, CSS

[HTML/CSS] 이미지맵 실습

개발자 leelee 2022. 8. 19. 00:10
<!doctype html>
<html lang="ko">
<head>
	<meta charset="utf-8">
	<title>이벤트 페이지</title>
</head>
<body>
	<img src ="http://mmee.dothome.co.kr/images/event.jpg" alt="책소개" usemap="#eventMap">
	<map name="eventMap">
		<area shape="circle" coords="328,240,50" href="http://www.easyspub.co.kr/20_Menu/BookList/EDU" alt="신간도서 목록으로 이동" target="_blank">	
		<area shape="rect" coords="43,770,690,1170" href="http://www.easyspub.co.kr/12_Menu/BoardView/C200/123/EDU" alt="본문pdf 다운로드 페이지로 가기" target="_blank">
	</map>
</body>
</html>

 

1. 원형의 이미지 맵 좌표  - 원의 중심, 원의 반지름

2. 사각형 이미지 맵 좌표 - 왼쪽 시작 점, 오른쪽 끝나는 점

 

 

Comments