Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Модуль 3 Создание сайтов..docx
Скачиваний:
0
Добавлен:
30.12.2019
Размер:
1.25 Mб
Скачать

.2.8. Навигация по html-документам.

Известно, что Web-сайт содержит множество html-документов. Чтобы "путешествовать" по этим документам, необходимы специальные средства навигации, которые получили название "ссылка" (Anchor - A).

Структура элемента - ссылка:

<A href="ссылка на документ"> наименование ссылки </A>

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

Например:

<А href=" http://rambler.ru" >Выход в Интернет</a> - запуск сайта rambler.ru

<A href="MySaite.html">Мой сайт</a> - запуск сайта MySaite.html

<A href="MySaite.html"><img src="./pic/guminst.jpg"></a> - рисунок в качестве ссылки.

Чтобы включить anchor -ссылка в свой документ, с угловой скобки и тега А< А (после A стоит пробел). Определите документ, на который будет указывать ссылка, введя параметр href=”имя_файла” и, после этого, закрывающую скобку > Наберите текст, который представляет гипертекстовую ссылку в текущем документе. Завершите ссылку /A>

Пример гипертекстовой ссылки: <A href=”aist.html”>Автор</A>

Это выражение делает слово Автор гипертекстовой ссылкой на документ aist.html, который находится в той же директории, что и первый документ. Вы можете сделать ссылку и на документ из другой директории, указав относительный путь из текущего документа к документу, на который делается ссылка. Например, ссылка на файл start.html, расположенный в поддиректории samox будет выглядеть так: <A href=”samox/start.html”>Введение</A>

Это называется относительной ссылкой. Вы можете использовать также полное имя файла. В основном Вы должны использовать относительные ссылки, потому что Вам меньше набирать текста. Легче переместить группу документов в другое место, потому что относительные ссылки останутся корректными. Однако, используйте абсолютные пути, когда ссылаетесь на документы относящиеся к другой группе. Например, пусть Ваша группа документов содержит документацию пользователя. Ссылки внутри этой группы должны быть относительными. Ссылки на другие документы (относящиеся, например, к дополнительному программному обеспечению) должны содержать полный путь. Таким образом, если Вы переместите документацию в другую директорию, ни одна из связей не будет требовать обновления (изменения).

2.8. 1. Внутренняя навигация - по страницам html-документа.

Если html-документ содержит десятки страниц, то возникает необходимость навигации по страницам данного документа, т.е. не выхода из сайта. Для этого используется следующий вариант ссылки.

  1. В начале каждой страницы указать МЕТКУ - <A name="метка"> (метка - любое текст)

  2. В конце каждой страницы указать ссылку на страницы с помощью их меток в виде:

: <A href="#метка1">страница 1 </A> - ссылка на страницу 1

<A href="#метка1">страница 2 </A> - ссылка на страницу 2

. . . . . .

<A href="#меткаN">страница N </A> - ссылка на страницу N

Как правило, список ссылок на все страницы указываются либо в конце, либо в начале каждой страницы. Рассмотренные выше ссылки будут отображены на страницах следующим образом:

страница 1 страница 1 страница 1 или так: Сведения об институте Информация о студентах Преподаватели кафедры

После щелчка мышкой по любой из указанных ссылок будет запущен соответствующий html-документ.