Тег <area> в HTML используется для создания гиперссылок внутри изображения, которые могут быть кликнуты и открывать соответствующую страницу или выполнить какое-то действие на странице.

Этот тег используется вместе с <map>, который определяет область изображения, на которую будут ссылаться теги <area>. В общем случае, <map> содержит несколько тегов <area>, каждый из которых определяет конкретную область на изображении.

Тег <area> имеет несколько атрибутов, которые определяют его поведение. Наиболее важные из них:

• href — указывает адрес страницы, на которую будет выполнен переход при клике на область, заданную тегом <area>.
• alt — содержит текстовое описание области изображения, заданной тегом <area>.
• coords — задает координаты области на изображении. Этот атрибут зависит от формы области: например, для прямоугольной области координаты будут иметь вид x1,y1,x2,y2, где x1 и y1 — координаты верхнего левого угла, а x2 и y2 — координаты нижнего правого угла.

Пример использования тегов <map> и <area>:

<img src="image.jpg" alt="Картинка" usemap="#map">

<map name="map">
    <area shape="rect" coords="0,0,100,100" href="page1.html" alt="Область 1">
    <area shape="rect" coords="100,100,200,200" href="page2.html" alt="Область 2">
</map>

В этом примере мы создаем изображение с названием «image.jpg» и текстовым описанием «Картинка». Затем мы создаем карту с названием «map» и двумя областями: прямоугольной областью с координатами (0,0) — (100,100) и текстовым описанием «Область 1», и прямоугольной областью с координатами (100,100) — (200,200) и текстовым описанием «Область 2». Каждая из областей ссылается на свою страницу — «page1.html» и «page2.html».

Кроме прямоугольных областей, <area> поддерживает несколько других форм, которые мож

<img src="image.jpg" alt="Картинка" usemap="#map">

<map name="map">
    <area shape="poly" coords="50,50,100,0,150,50,100,100" href="page1.html" alt="Многоугольная область">
</map>

В этом примере мы создаем многоугольную область, заданную координатами ее вершин: (50,50), (100,0), (150,50) и (100,100). Область ссылается на страницу «page1.html» и имеет текстовое описание «Многоугольная область».

Также, в <area> можно добавлять дополнительные атрибуты, такие как target, title и другие, которые определяют поведение ссылки. Например, атрибут target определяет, в каком окне или фрейме будет открыта ссылка, а атрибут title создает всплывающую подсказку при наведении курсора на область.

В целом, использование тегов <map> и <area> позволяет создавать интерактивные изображения, которые могут использоваться для навигации по сайту или для выполнения других действий.