Оглавление

11.2. Структура карт-изображений

Рассмотрим  структуру,  которая  позволяет  вставить  карту-изображение  в HTML-документ (листинг 19).

 

Листинг 19. Структура карт-изображений

<!-- Часть 1 -->
<img src="foto.gif" alt="Подсказка" width="120" height="240" border="l" usemap="#karta">
<!-- Часть 1 -->
<!-- Часть 2 -->
<map name="karta">
  <area shape="rect" coords="0,0,120,120" href="chapter1.html"
    target="chapter" alt="Глава 1">
  <area shape="rect" coords="0,120,240,240" href="chapter2.html"
    target="chapter" alt="Глава 2">
  <area shape="default" alt="" nohref>
</map>
<!-- Часть 2 -->

 

Как видим, код для вставки карты-изображения состоит из двух частей.
Первая часть с помощью тега <img> вставляет изображение в Web-страницу. Параметр usemap указывает, что изображение является картой. В качестве значения параметра указывается URL-адрес описания конфигурации. Если описание карты расположено в том же HTML-документе, то указывается название раздела конфигурации карты, перед которым добавляется символ "#".
Вторая часть, являющаяся описанием конфигурации карты, расположена между тегами <mар> и </mар>. Активная область карты описывается с помощью тега <агеа>. Сколько на карте активных областей, столько и тегов <агеа> должно быть.

<< Меню >>  
Комментарии принадлежат их авторам. Мы не несем ответственности за их содержание.
Отправитель Нити