В данной теме познакомимся с главной особенностью языка HTML - созданием гиперсвязей, а также использование рамок для создания страницы-оглавление.
5.1. Создание гиперсвязи в HTML - документе.
Использование тегов <А> и </А> .
В результате выполнения предыдущих работ вы должны были понять, что HTML - документ - это обычный текстовый файл, который, кроме самого текста, имеет еще множество символов и специальных тегов. Последние позволяют программе броузеру читать и правильно понимать текст HTML . Кроме уже известных вам команд для броузера существуют команда гиперсвязи, которая соединяет данный документ с любым другим. Для реализации гиперсвязи необходимо указать координаты того документа, к которому осуществляется переход. Теги <А> и </А> (А- anchor, якорь) осуществляют гиперсвязь. Полный синтаксис этих команд следующий:
<A HREF= «имя файла»> подсвеченный текст </A>
Параметр HREF (Hyper Reference - гиперссылка)имеет значение полного имени файла (например, <A HREF= «C:/Bk_4/h1.htm»> текст </A>),, на который осуществляется переход, или адрес чьей-либо страницы (например, <A HREF= «http://www/rambler.ru/»> подсвеченный текст </A>),или ссылка на почтовый адрес (например, <A HREF= «mailto:ваш e-mail адрес»> подсвеченный текст </A>).
Для организации перехода внутри одного HTML-файла следует ввести необходимый текст в двух местах:
1. Записать метку в том месте файла, куда необходимо перейти. Для организации метки пишется <A NAME= «metka»></A>, где metka - любое имя, состоящее из букв латинского алфавита и цифр.
2. Записать переход на эту метку в том месте, откуда будет выполнен переход. Для перехода на эту метку следует записать <A HREF= «#metka»> Перейти на метку. </A>.
.
Для организации перехода из любого места одного HTML-файла h1.htm в начало другого HTML-файла h2.htm следует записать: <A HREF= «h2.htm»>Переход к разделу h2.</A>.
Можно перейти на заданную метку «metka» другого документа h2.htm с помощью следующей команды <A HREF= «h2.htm #metka»> Перейти в начало раздела. </A>.
5.2. Создание многостраничных HTML - документов.
Рассмотрим еще один способ применения рамок. Допустим, что Web - страница состоит из набора страниц (HTML -файлов). При этом одна страница содержит список остальных, и соответственно, гиперсвязи выхода на эти страницы. При обычной структуре Web - страницы пользователю каждый раз после просмотра очередной страницы придется возвращаться на страницу -оглавление, выбирать следующую страницу для просмотра, возвращаться обратно и т.д. Это неудобно, а главное, занимает время. Конечно страницы можно соединять между собой, но если они не связаны по смыслу, это может запутать пользователя, что он никогда не разберется в структуре вашей Web - страницы.
Рамки позволяют поместить страницу-оглавление в левой части экрана, а страницу, на которую производится ссылка - в правой. Делается это с применением дополнительных параметров NAME и TARGET(цель). В файле, создающем рамки следует записать: <FRAME SRC= «h.htm» NAME= «metka»>,где h.htmодиниз файлов, которые будут располагаться справа, «metka» -имя правой части. В файле, который будет описывать страницу-оглавление в тег <A>(</A>) следует записать <A HREF= «h.htm» TARGET =«metka»> текст </A>.