HTML MAPA

<DOCTYPE! html>
<html>
<head>
<title>Image map</title>
</head>
<body>
<h1 align="center"><font face="Gill sans mt">Mapa</font></h1>
<div id="map" align="center">
<img src="https://html.com/wp-content/uploads/image_map_example.jpg" width=1000 height=664 usemap="#mapa">
<map name="mapa">
<area href="https://facebook.com" alt="Fejsbuk" target="_blank"  shape=poly coords="60,205, 280,100, 580,440, 360,560">
<area href="https://sr.wikipedia.org/sr-el/%D0%94%D1%80%D1%83%D1%88%D1%82%D0%B2%D0%B5%D0%BD%D0%B8_%D0%BC%D0%B5%D0%B4%D0%B8%D1%98%D0%B8" alt="Fejsbuk" target="_blank"  shape=poly coords="360,130, 990,130, 990,340, 540,340 ">
</map>
</div>
<br>
<br>
<div id="slika" align="center">
<h1 align="center"><font face="Gill sans mt">Slika sa linkom</font></h1>
<a href="https://www.realmadrid.com/en"><img src="http://tourtravelandmore.com/wp-content/uploads/2016/10/bernabeu-real-madrid-private-tour-2.jpg" height="270" width="400" /></a>
</div>
</body>
</html>