Все адреса в примерах указаны для ваших документов, которые находятся в одном корневом каталоге. Реальные адреса в данном примере: http://www.bast-tr.narod.ru/index.html и http://www.bast-tr.narod.ru/lessons/bast_s.gif !!!

Карты-изображения (Imagemap), обрабатываемые клиентом локально.

Вы, возможно, уже встречали красочные сайты, на которых все ссылки находятся на определенных участках графических изображений. Это не сложно! Для урока мы, конечно, будем использовать простые рисунки.

Чтобы создать HTML-документ, в котором находится координатная графика с "чувствительными" участками, щелчком на которые мышкой осуществляется переход по указанному адресу, необходимы следующие теги:

<map> и </map> - между которыми находится описание.
Чувствительные области определяются тегом <area> внутри дескрипторов <map> и </map>.

Атрибут для map - name. Он задает имя карты-изображения. <map name="imagemap">

Атрибуты area:

accesskey - клавиша быстрого доступа к полю.
Задает клавишу быстрого доступа к полю. Пример. Если задана клавиша Q, то при одновременном нажатии
[Alt]+[Q], активизируется данное поле.
alt - текст, как для тега img.
coords - координаты области.
Координаты задаются в зависимости от тега shape. Если область имеет форму прямоугольника, то приводится две координаты - левого верхнего и правого нижнего угла. Если область - окружность, то определяют центр, и радиус (три цифры). Для многоугольника задают координаты каждой вершины.
href - целевой адрес.
shape=default | circle | rect | poly - форма области. Значение default задает чувствительную область, охватывающую всю иллюстрацию.

rect или rectangle - прямоугольник
circle - окружность
poly - многоугольник (можно использовать - polygon).

tabindex - позиция в списке элементов.
Этот атрибут задает номер определенного поля при нажатии клавиши табулятора [Tab]. Значение от 0 до 32767.

Переходим к первому примеру