Гиперссылки и активные рисунки

Картинка может быть средством задания и управления выбором гиперссылок в HTML документе. В этом случае на команду IMG должна указывать гиперссылка, определяемая командой A.

По умолчанию броузер рисует рамку вокруг картинки, которая отмечена как гиперссылка. Вы можете убрать отрисовку рамки, использовав атрибут BORDER= в команде IMG с значением ноль.

Кроме этого вы имеете возможность создать "активную" (с гиперссылками) картинку, в которой разные части картинки имеют разные ссылки, что является достаточно мощным аппаратом навигации в WWW.

Для задания информации о гиперссылках в рисунке, которая включается в HTML документ, используется атрибут USEMAP= в команде IMG. Сама информация о гиперссылках определяется командами MAP и AREA, как это показано ниже:

<MAP NAME="map1">
<AREA SHAPE="RECT" COORDS="0, 0, 16, 16" HREF="S1.html">
<AREA SHAPE="RECT" COORDS="16, 0, 16, 16" NOHREF>
<AREA SHAPE="RECT" COORDS="0, 16, 16, 16" HREF="S2.html">
<AREA SHAPE="RECT" COORDS="16, 16, 16, 16" HREF="S3.html">
<AREA SHAPE=default HREF="other.html">
</MAP>
<IMG BORDER=0 SRC="map1.gif" USEMAP="#map1">

Чтобы увидеть пример работы активной картинки нажми здесь.

В этом примере картика была размечена равными прямоугольниками (rectangular areas). Одна область является непомеченной, остальные три помечены документами   S1.html, S2.html, S3.html   соответсвенно.

Команда AREA позволяет также помечать области окружностями (CIRCLES) и многоугольниками (POLYGONS).

Атрибут COORDS задает список координат:

Если две или боле областей пересекаются, то броузер выбирает первую из тех, что описаны в команде MAP, непомеченные области никак не отвечают на вызов.

Замечание
MS Internet Exporer не обрабатывет команду "ответ по умолчанию" несмотря на команду

<AREA SHAPE=default HREF="other.html">