Код:
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег AREA</title>
  <style type="text/css">
   #title {
    line-height: 0; /* Изменяем межстрочное расстояние */
   }
   #title img {
    border: none; /* Убираем рамку вокруг изображения */
   }
  </style>
 </head>
 <body> 
   <img src="gor.jpeg" width="800" height="600" alt="Навигация по сайту"
    usemap="#Navigation"></div>
   <p><map id="Navigation" name="Navigation">
    <area shape="poly" coords="416,75,475,172,498,158,582,400,450,404,427,333,261,288" href="http://yandex.ru" alt="Информация">
    <area shape="circle" coords="67,28,30" href="http://mail.ru" alt="Мероприятия">
    <area shape="rect" coords="327,394,577,522" href="http://google.ru" alt="Отделения">
   </map></p>
 </body>
</html>