Язык структурной разметки гипертекста HTML. Захаркина В.В. - 26 стр.

UptoLike

ВУЗ: 

СПбГУ | Санкт-Петербург

Составители: 

Рубрика: 

50
Изображение-карта
Иногда согласно дизайнерскому замыслу web-мастера в HTML-
документ надо поместить изображение, отдельные части которого
должны переводить по гиперссылке на разные целевые документы.
Один из очевидных примеров такого изображения - географическая
карта, щелкнув мышкой по определенным зонам которой, мы
переходим к соответствующим документам. В этом случае
организовать ссылку с использованием элемента
a непосредственно
нельзя, и приходится либо «разрезать» изображение на несколько
отдельных, состыковать их и действовать обычным образом, либо
использовать элемент
map, задающий навигационную карту,
основанную на изображении.
У элемента-контейнера
map единственным обязательным артибутом
является его имя name, которое должно быть использовано при
описании атрибута
usemap элемента img, описывающего
изображение, призванного служить картой (см. пример, приведенный
ниже). Внутри контейнера
map каждой чувствительной к
перемещению мыши зоне изображения должен соответствовать
элемент
area с атрибутами:
coords =
список
Список через запятую координат активной зоны
(зависит от типа заданной формы зоны)
href = url Адрес целевого документа гиперссылки, связанного
с указанной зоной
shape =
форма
Возможные значения:
circle (окружность) – задается координатами
центра и радиусом в пикселах
rectangle (прямоугольник) – задается
координатами левого верхнего и правого нижнего
угла
51
polygon (многоугольник) – задается
координатами своих вершин
noref
Иногда бывает нужно указать, что данная зона
(заданная атрибутом
shape и координатами
coords) не является активной, реакции на щелчок
мыши нет
alt
Альтернативный текст; "всплывает" при наведении
курсора мыши на данную зону изображения
id, style,
class,
title
и
прочие
общие
атрибуты
Необязательные общие атрибуты, описаны в разделе
«Концепции HTML 4».
Пусть, например, у нас есть изображение russia.gif размера 360х196
пиксел и три HTML-документа, на которые надо организовать
гиперссылки: peterburg.htm, moscow.htm и yakutsk.htm.
Активными зонами изображения хочется сделать кружки, условно
отмечающие местоположение на карте трех городов.

Страницы