HTML элемент area

HTML элемент area — Гиперссылка на картинке
. Все HTML элементы.

HTML элемент area: Пример кода

 <h2>Пример 1: создание гиперссылки на картинке</h2>
Рассмотрим изображение, которое указывается как shapes.png.
Если мы хотим сделать часть областей интерактивными, это можно сделать следующим образом:
<p>
 Выберите область:
 <img src="https://placehold.it/520x160/ff9" usemap="#shapes"
 alt="Доступны четыре формы: прямоугольник, круг, треугольник и четырехконечная звезда.">
 <map name="shapes">
 <area shape=rect coords="50,50,100,100"> 
 <area shape=rect coords="25,25,125,125" href="red.html" alt="прямоугольник.">
 <area shape=circle coords="200,75,50" href="green.html" alt="окружность.">
 <area shape=poly coords="325,25,262,125,388,125" href="blue.html" alt="треугольник.">
 <area shape=poly coords="450,25,435,60,400,75,435,90,450,125,465,90,500,75,465,60" 
 href="yellow.html" alt="звезда.">
 </map>
</p> 

HTML элемент area: атрибуты