Гиперссылки
Ссылка (гиперссылка) - это возможность связать любой находящийся на данной странице фрагмент текста, либо рисунок с другой Интернет-страницей или файлом данных, так что при щелчке мышью на таком тексте или рисунке пользователь автоматически переходит на указанную в ссылке страницу (если она находится на другом сервере, с ним автоматически устанавливается связь, если он доступен). Фрагменты текста , являющиеся ссылками, на странице обычно выделяются цветом и подчёркиванием.
Ссылка состоит из двух частей:
  1. указатель ссылки, отображается на странице;
  2. адресная часть (URL-адрес)
Указатели бывают двух видов
  • текстовые
  • графические

Организация ссылок
Контейнер
<A>...</A>
содержимое контейнера определяет указатель ссылки
фрагмент текста - для текстового указателя
тэг <IMG SRC=...> - для графического указателя
параметр
HREF
параметр тэга <A>, значение которого определяет адресную часть ссылки
<A HREF=URL-адрес>указатель ссылки </A>
параметр
TITLE
необязательный параметр тэга <A>, значение которого текстовая строка выводимая браузером при наведении на ссылку курсора мыши
параметр
LINK
параметр тэга <BODY>, значение которого определяет цвет ещё не просмотренной ссылки
параметр
ALINK
параметр тэга <BODY>, значение которого определяет цвет активной ссылки
параметр
VLINK
параметр тэга <BODY>, значение которого определяет цвет уже просмотренной ссылки

Внутренние ссылки
Кроме ссылок на другие документы, часто бывает полезно включить ссылки на разные части текущего документа. Например, большой документ читается лучше, если он имеет оглавление со ссылками на соответствующие разделы.
Для создания внутренней ссылки необходимо:
  • создать указатель (закладку), определяющий место назначения, для этого в нужном месте размещается тэг <A NAME="[имя]"> </A>, где имя - уникальная для данного документа последовательность латинских букв и цифр
  • в адресной части ссылки записать это имя, начиная его символом #

Ссылки на электронную почту
Для создания ссылки на адрес электронной почты в значении параметра HREF вместо URL-адреса следует указать адрес электронной почты, предварив его словом mailto:.

Пример 13. Типы гиперссылок
Пример HTML кода Отображение в браузере
Ссылка на другую страницу, находящуюся в том же каталоге, что и текущая
<A HREF="lesson1.html" TITLE="Структура страницы">Тема 1.</A> Тема 1.
Ссылка на другую страницу, находящуюся в каталоге, на один уровень выше
<A HREF="../index.html" TITLE="Главное меню">Начало.</A> Начало.
Ссылка на закладку текущей страницы
<A HREF="#makelink" TITLE="Как организовать ссылку">Ссылки</A> Ссылки
Ссылка на закладку другой страницы
<A HREF="lesson3.html#example5" TITLE="Управление начертанием шрифта">Шрифт</A> Шрифт
Ссылка с графическим указателем
<A HREF="../Test/tests.html" TITLE="Тесты по всем предметам">IMG SRC="butt.gif" BORDER=0</A>
Ссылка на сайт Интернета.
<A HREF="http://www.informika.ru" TITLE="Официальный сайт">Сайт Министерства образования</A> Сайт Министерства образования
Ссылка на адрес электронной почты
e-mail: <A HREF="mailto:sc17@mail.ru" TITLE="Адрес школы">sc17@mail.ru</A> e-mail: sc17@mail.ru

  1. Задание 7.
    1. Создать страничку, следущего содержания
      • заголовок: Задание 7.
      • текст страницы: Нумерованный список выполненных заданий(с указанием темы), каждый элемент - гиперссылка на соответствующий файл.
    2. Сохранить файл в личной папке под именем 7.html
  2. Практическая работа 2.
    1. Дополнить Дополнить страничку "Периферийные устройства компьютера" (work1.html), более подробной информацией о каждом устройстве. Статьи:
    2. Организовать внутренние ссылки, использовать как текстовые, так и графические указатели.
    3. После каждой статьи предусмотреть возврат на начало страницы.
    4. Сохранить под именем work2.html

© Смирнов Е.А. 2004 г.