Лабораторная работа №3. <А HREF=URL>Элемент привязки</A>

Читайте также:

<А HREF=URL>Элемент привязки</A>

Атрибут HREF указывает URL, на который делается ссылка. URL может быть любой абсолютной или относительной ссылкой, например http:// www.server.com/ home/ index.htm.

Если необходимо предоставить пользователю дополнительную информацию о ссылке, надо представить ее атрибут TITLE следующим образом:

<А HREF="page.html" TITLE="Переход на страницу page.html">.

Создание ссылки на адрес электронной почты аналогично созданию ссылки на другую страницу. В ней вместо указания Web-адреса (http:) указывается электронный адрес mailto:. Вместо URL размещается полный электронный адрес. Тег гиперссылки на адрес электронной почты имеет вид:

<А HREF="mailto:адрес электронной почты"> Элемент привязки </А>

Для размещения в карте прямоугольной области ссылки следует использовать запись типа rect. Для определения прямоугольника нужны координаты его левого верхнего и правого нижнего углов. При щелчке мыши в любом месте внутри прямоугольника область активизируется. Ниже приведен пример прямоугольной области в формате NCSA:

rect httр://www.rectangle.com/ 100,100 120,120

Для формата CERN пример будет выглядеть следующим образом:

rect (100,100) (120,120) http://www.rectangle.com/

Если точка, на которой сделан щелчок, принадлежит нескольким перекрывающимся областям, переход выполняется к URL той области, которая упоминается первой в файле определений.

Для определения геометрической фигуры с произвольным числом сторон используется тип poly. В этом элементе может быть указано до 100 координат, указывающих вершины многоугольника. Активной областью считается область внутри многоугольника. Необходимо отметить, что многоугольник должен быть замкнутым, то есть первые и последние координаты должны совпадать. Ниже приведен пример многоугольника, заданного в формате NCSA:

poly httр://www.polygon.com/ 0,0 100,100 120,120 80,60 40,50 10,10 0,0

А вот как выглядит элемент в формате CERN:

poly (0,0) (100,100) (120,120) (80,60) (40,50) (10,10) (0,0) http://www.polygon.com/

Для того чтобы создать активную область в виде круга, следует использовать тип circle. Этот элемент определяется двумя парами координат, но они различны для разных Web-серверов. Для NCSA-сервера это координаты центра круга и точки, расположенной на его окружности:

circle httр://www.circle.com/ 100,100 150,150

Для CERN-сервера нужна одна пара координат и одно значение. Координаты указывают центр круга, а значение определяет его радиус. Областью ссылки является внутренняя часть круга. Пример круглой области:

circle (100,100) 50 http://www.circle.com/

HTML-формат определения карт ссылок содержит ту же информацию, что и форматы файлов определения карт ссылок, только использует HTML-дескрипторы. Вот как выглядит синтаксис определения карты ссылок в HTML:

</MAP>

Атрибуты дескрипторa <AREA>
Атрибут	Описание
SHAPE	Определяет форму области. Как и в случае карт ссылок, обрабатываемых сервером, можно использовать значения rect, poly, circle или default. В отсутствие этого атрибута броузер выбирает значение rect. Если области перекрываются, то броузер использует первую из списка
COORDS	Определяет список координат, разделенных запятой. Следует отметить, что между парами координат тоже нужна запятая
HREF	Указывает URL ресурса Internet, на который ссылается область. Все относительные ссылки определяются относительно документа, содержащего дескриптор <МАР>, а не дескриптор <USEMAP>. При наличии дескриптора ВАSЕ используется он
NOHREF	Сообщает, что область является мертвой зоной, то есть не связана ни с каким ресурсом Internet Атрибуты HREF и NOHREF являются взаимоисключающими

Листинг лабораторной работы №3

<html>

<head> <title> Лабораторна робота №3 </title>

</head>

<body>

<h1 div class=header> Геометрические фигуры </h1>

</map>

<a href="#" div class=link> Наверх </a>

<a href="#" div class=link> Наверх </a>

<a href="#" div class=link> Наверх </a>

</body>

</html>

Дата добавления: 2015-10-02; просмотров: 42 | Нарушение авторских прав

<== предыдущая страница	\|	следующая страница ==>
Лабораторная работа №2	\|	ПОДДЕРЖАТЬ И ВДОХНОВИТЬ ВАС ЛИЧНО

mybiblioteka.su - 2015-2024 год. (0.007 сек.)