<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>이미지 맵</title>
</head>
<body>
<img src="http://www.ezcode.kr/study/html/img/office.jpg" alt="이미지맵" usemap="#Map">
<map name="Map">
<area shape="rect" coords="249,35,324,130" href="javascript:alert('물컵');" title="물컵">
<area shape="circle" coords="63,172,53" href="javascript:alert('커피잔');" title="커피잔">
<area shape="poly" coords="135,181,168,207,264,178,223,157" href="javascript:alert('핸드폰');" title="핸드폰">
<area shape="poly" coords="301,139,405,121,496,180,383,207" href="javascript:alert('테블릿PC');" title="테블릿PC">
</map>
<p>
물컵, 커피잔, 핸드폰, 테블릿PC를 클릭해보세요.
</p>
</body>
</html>