
<!DOCTYPE html>
<head>
<title>image map</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1" />
 <style>
body{margin:0px; padding:0px;}

</style>
 

</head>

<body>
<img src="zoo.png" alt="zoo" usemap="#zoo">
<map name="zoo" id="zoo">
<area shape="rect" coords="10, 8, 150, 292" alt="giraffe" href="giraffe.html" target="_blank">
<area shape="circle" coords="186, 259, 31" alt="bird" href="bird.html" target="_blank">
 </map>

</body>

</html>