Создадим простой HTML-файл map.htm:

Здесь мы встречаем незнакомые слова. Их смысл таков:

Shape - форма определяемой области;
Coords - местополжение области и его размер, формат координат зависит от того, каково значение формы области ссылки shape;
Href - URL, на который ссылается область;
Nohref - область является мертвой зоной.

Форма области ссылки на рисунке может быть задана в следующем виде:

Default - вся область;
Reel - прямоугольник;
Circle - круг;
Poly - многоугольник.

Для прямоугольника координатами являются четыре числа, расположенные в следующем порядке:

* левая горизонтальная координата,
* верхняя вертикальная координата,
* правая горизонтальная координата,
* нижняя вертикальная координата.

Для круга координат всего три:

* горизонтальная координата центра,
* вертикальная координата центра,
*радиус.

Для многоугольника координат может быть много, они представляют собой перечисление координат всех точек вершин: х1,у1, х2,у2, хЗ, уЗ и т.д.

В файле map.htm мы использовали рисунок, вставив его с помощью ярлыка <img>. В этом ярлыке мы указали свойство usemap="#rnapname". Это позволило нам использовать данный рисунок, как карту ссылок. Карта ссылок определена далее с помощью ярлыков <mар> и <агеа>.

Карта ссылок позволяет организовать несколько ссылок с одного рисунка.

Приведем еще пример.