Изображения-карты позволяют выделить отдельные области рисунка и определить для каждой из них своё действие. Скажем, какие-то части изображения будут служить ссылками на другие страницы, после щелчка левой кнопки мыши по другим областям рисунка будет загружен и проигран музыкальный фрагмент и т.д.
Допустим есть графический файл Map.jpg с размерами 200 на 160 пикселей и мы хотим, чтобы отдельные элементы этого файла содержали ссылки. <img src="Map.jpg" border="0" width="200"
height="160" alt="Пример изображения карты" usemap="MapExmple">
Map name="MapExample">
<Area shape="rect" coords="11,11,70,24"
title="Ссылка1" href="url">
<Area shape="rect" coords="70,72,128,83"
title="Ссылка2" href="url">
<Area shape="rect" coords="190,136,128,149"
title="Ссылка3" href="url">
</map>