Тег <map> в HTML используется для создания карты изображения. Карта изображения — это изображение, оформленное с применением элемента <map> , чтобы превратить его в ссылку. Карта изображения позволяет создавать на одном и том же изображении несколько других изображений или областей которые будут являться ссылками на другие страницы или сайты.

Внутри элемента <map>, вы указываете области (shape), которые будут служить ссылками с помощью тега <area>.

Вот пример его использования:

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">
 <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
  <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
  <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>

В этом примере, изображение "planets.gif" использует карту изображений под названием "planetmap". Карта изображений определена в теге <map> и содержит три элемента <area>, каждый из которых определяет форму и координаты области, которая будет ссылкой.

Каждый тег <area> имеет атрибут shape, который определяет форму области (например, "rect" для прямоугольника и "circle" для круга), атрибут coords, который задает координаты верхнего левого и нижнего правого углов для прямоугольника или центра и радиуса для круга, атрибут href, который определяет URL, на который будет ссылаться область, и атрибут alt, который предоставляет текстовое описание области.