Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Lektsia_i_lab_po_web.doc
Скачиваний:
20
Добавлен:
24.11.2018
Размер:
2.52 Mб
Скачать

Ссылки в html-документах.

Главное преимущество HTML-документа состоит в возможности включения в документ ссылок на другие документы (гиперссылок). В качестве гиперссылки можно использовать текст или графику. Браузер выделяет (обычно цветом и/или подчеркиванием) слова, являющиеся ссылками. Цвет выделения ссылок устанавливается в теге BODY:

LINK - устанавливает цвет выделения ссылок.

VLINK - устанавливает цвет выделения ссылок, на которых уже побывали.

ALINK - устанавливает цвет активной ссылки.

Ссылки позволяют при помощи нажатия кнопки мыши быстро переходить от одного документа к другому не задумываясь, где находится этот документ.

Гиперссылка – средство навигации в гипертекстовом документе; с помощью гиперссылки пользователь переходит от одного узла (пункта назначения гиперссылки) к другому. Она состоит из 2 связанных фрагментов, которые именуются точками привязки. Точки привязки в зависимости от назначенных атрибутов выполняют 2 функции:

  • задание пути к объекту - гиперссылка;

  • указание на фрагмент документа, к которому будет осуществлен переход по гиперссылке - якорь.

Для создания гиперссылки используют парный тег <А>…</А>.

В общем виде точка привязки имеет следующую грамматику: <А атрибуты>[содержимое HTML]</А>

содержимое HTML – текст указатель ссылки и/или изображение.

Возможны гиперссылки:

  • на удаленный HTML-файл (внешние);

  • на некоторую точку в этом же документе (внутренние);

  • на любой файл, не являющийся HTML-документом (внешние).

Адрес документа может быть относительным (имя файла в пределах данного компьютера плюс имя метки в пределах данного файла) или абсолютным (полное имя файла с диска данного компьютера плюс имя метки в пределах данного файла).

Рассмотрим создание различных типов гиперссылок:

Атрибуты тега <А>…</А>.

href

Задаёт URL-адрес ресурса, на который должен перейти пользователь, щёлкнув по ссылке (атрибут может указывать как на внешние документы, так и на внутренний элемент данного документа).

Ссылка на внешний документ:

href=”[URL][путь к файлу]”>содержимое HTML</А>

Примеры гиперссылок:

На внешний документ primer.htm из текущего файла:

<A href=”primer.htm”>Пример</A>

Ссылка на закладку в том же документе:

href=”#Уникальное имя”>содержимое HTML</А>

Примеры гипперссылок

На закладку в том же документе:

Якорь: <А name=”Новости”>Описание новых событий</А>

Ссылка: <A href=”#Новости”>Новости</A>

Ссылка на закладку во внешнем документе:

href=”[URL][путь к файлу]#Уникальное имя”>содержимое HTML</А>

Примеры гипперссылок

На закладку во внешнем документе new.htm из текущего:

Якорь в файле new.htm : <А name=”Новости”>Описание новых событий</А>

Ссылка: <A href=”new.htm#Новости”>Новости</A>

name

данный атрибут задаёт якорь (метку или закладку), куда осуществится переход по гиперссылке. Перед именем метки ставится символ #.

name=”Уникальное имя”>[тело_ссылки]</А>

Зарезервированные ссылки:

Указание электронной почты:

href=mailto:имя@домен title=”тема_сообщения”> тело_ссылки </А>

Ссылка на письмо:

href=mailto:ivan@mtu.ru”>Пишите письма </А>

Переход к верху данной странице

href=”имя файла.htm#Top”> Текст (например: Вверх) </А>

Ссылка на верх страницы:

<A href==”new.htm#Top”>Вверх</A>

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]