2.8. Создание гиперссылок

Для создания гипертекстовых ссылок используется тег a.

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

Значение этого атрибута может быть задано в виде URL или относительной ссылки на документ.

Например: Ссылка на поисковый портал Яндекс:

<a href ="http://yandex.ru">Яндех.ru</a>

Ссылка на файл 1.htm в текущей папке:

<a href="1.htm"> Оперативная память </a>

Организация ссылок на область документа

Для того, чтобы создать ссылку на область документа, сначала создается якорь (anchor) как объект для ссылки.

В HTML якорь создается с помощью атрибута name тега a.

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

<a name="part1"></a> – якорь для раздела 1.

В HTML для обозначения фрагментов документов используется как атрибут name, так и атрибут id.

В XML для обозначения фрагментов используются только элементы id. В XHTML вместо элементов name должны употребляться элементы id. Атрибут name для таких элементов в спецификации XHTML 1.0 считается устаревшим.

Некоторые старые браузеры не распознают атрибут id как идентификатор фрагмента документа. Поэтому для полной совместимости можно использовать одновременно и name, и id. Это приведет к ошибкам при проверке на допустимость по XHTML 1.0 Strict или XHTML 1.1, и, следовательно, лучше по возможности применять для обозначения идентификаторов фрагментов только атрибут id. Единственной допустимой областью применения атрибута name остается идентификация элементов управления формы.

Якорь в XHTML необходимо создавать следующим образом:

<a name="part1" id=”part1”></a>

Или

<a id="part1"></a>

Создание ссылки на фрагмент документа:

<a href="#part1">раздел 1</a> – переход на фрагмент "par1t" файла текущего документа

<a href="document.htm#part">раздел 1</a> – переход на фрагмент "part1" файла document.htm.

<a href="#top">Наверх</a> – переход в начало документа, то есть на фрагмент "top" текущего документа

Примечание.

Атрибут target элемента a- определяет окно (фрейм), на которое указывает гипертекстовая ссылка. Этот атрибут используется только совместно с параметром href и может принимать следующие значения:

_self - указывает, что определенный в параметре href документ должен отображаться в текущем окне;

_parent - указывает, что документ должен отображаться в окне-родителе текущего окна;

_top - указывает, что документ должен отображаться в окне-родителе;

_blank - указывает, что документ должен отображаться в новом окне.

Например, чтобы новый документ открывался в своем окне, элемент а записывается следующим образом:

<a href="document.htm#part" target="_blank">раздел 1</a>

Практика

Задание 1. Создайте папку, в которой будут содержаться все страницы сайта. В этой папке создайте 4 HTML-страницы с именами: 1.htm … 4.htm. В этих страницах поместите соответствующий текст:

1.htm:

Как хранится информация в оперативной памяти

Вся информация в оперативной памяти компьютера хранится в виде последовательности двоичных кодов (нулей и единиц). Для хранения нуля или единицы требуется объем памяти, равный 1 биту. 8 бит образует 1 байт памяти. 1024 байт = 1Кбайт.

2.htm:

Оперативная память

Оперативная память – это совокупность специальных электронных ячеек, каждая из которых может хранить один бит информации. В оперативной памяти хранится текущая программа и используемые ею данные.

3.htm:

Файл

Файл – это поименованная совокупность байтов, записанная на жесткий диск или внешний носитель информации. Файлы создаются в результате работы различных программ: текстовых редакторов, электронных таблиц, графических редакторов и т.д.

4.htm:

Долговременное хранение информации

Для долговременного хранения информации используются жесткий диск и внешние носители информации, например CD, DVD, Flash-диски и т.д. Внешние носители информации используют также для переноса информации с одного компьютера на другой.

Создайте файл index.htm, в котором организуйте гипертекстовый переход с первых четырех пунктов списка в файле index.htm на соответствующую страницу.

С каждой страницы должен быть возврат на главную страницу (index.htm).

Организуйте переход между страницами 1.htm, … 5.htm, используя в качестве гиперссылок ключевые слова (они в тексте выделены жирным шрифтом):

Рисунок 2.1 - Внешний вид страницы 3.htm

Задание 2. Организация ссылок на область документа.

Пункт Словарь терминов в файле index.htm должен содержать ссылку на файл glossary.htm. Это файл математических терминов.

В файле glossary.htm буквы алфавита сделайте внутритекстовыми ссылками на нужные строки документа.

В этом файле также организуйте возврат на главную страницу (index.htm).