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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

href Задаёт URL-адрес ресурса, на который должен перейти пользователь, щёлкнув по ссылке (атрибут может указывать как на внешние документы, так и на внутренний элемент данного документа).
Ссылка на внешний документ:
Ссылки в html-документах. содержимое HTML Примеры гиперссылок:
На внешний документ primer.htm из текущего файла: Пример
Ссылка на закладку в том же документе: Ссылки в html-документах. содержимое HTML Примеры гипперссылок

На закладку в том же документе: Якорь: Описание новых событий Ссылка: Новости Ссылка на закладку во внешнем документе: Ссылки в html-документах. содержимое HTML Примеры гипперссылок

На закладку во внешнем документе new.htm из текущего: Якорь в файле new.htm : Описание новых событий Ссылка: Новости name данный атрибут задаёт якорь (метку или закладку), куда осуществится переход по гиперссылке. Перед именем метки ставится символ#. [тело_ссылки] Зарезервированные ссылки: Указание электронной почты: тело_ссылки Ссылка на письмо: Пишите письма Переход к верху данной странице Текст (например: Вверх) Ссылка на верх страницы: Вверх

Уроки по HTML #7 Ссылки


Похожие статьи.

Понравилась статья? Поделиться с друзьями: