Оценить:
 Рейтинг: 4.6

HTML: Популярный самоучитель

Жанр
Год написания книги
2008
Теги
<< 1 ... 9 10 11 12 13 14 15 16 >>
На страницу:
13 из 16
Настройки чтения
Размер шрифта
Высота строк
Поля

Пример 4.6. Вложение списков в список определений

<TITLE>Вложение списка в список определений</TITLE>

<BODY>

<DL>

<DT><STRONG>Неисправность</STRONG>

<DD>Отсутствие соединения компьтеров сети (PING-тест не проходит)

<DT><STRONG>Возможные причины</STRONG>

<DD>

<UL>

<LI>Отсутствие физического соединения между компьютерами

<UL>

<LI>Не подключены сетевые провода

<LI>Не работает активное сетевое оборудование

<LI>Обрыв сетевых проводов

<LI>Неисправные сетевые адаптеры

</UL>

<LI>Неправильная настройка IP-адресов

</UL>

<DT><STRONG>Диагностика</STRONG>

<DD>

<OL>

<LI>Проверить, включены ли сетевые провода…

<LI>Проверить состояние индикации…

<LI>Проверить, включено ли активное сетевое оборудование…

<LI>…

</OL>

</DL>

</BODY>

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

Глава 5

Гиперссылки

Все, что рассматривалось ранее, было созданием HTML-документов, которые не предусматривали никаких возможностей навигации. Теперь пришло время заняться изучением главного средства, которое сделало использование HTML практически незаменимым для представления связанных между собой документов. Речь идет о гиперссылках. Гиперссылки – ключевой, практически самый главный элемент гипертекста (текста, обладающего возможностями навигации).

Простота, наглядность и в то же время мощь гиперссылки заключаются в том, что ею может быть практически все что угодно: слово в тексте, заголовок, рисунок, элемент таблицы и другие элементы HTML-документа. Для использования гиперссылки от пользователя требуется щелчок кнопкой мыши на тексте, изображении или прочем представлении гиперссылки, остальную работу по поиску и переходу к нужному ресурсу выполнят автоматические системы, начиная с браузера на компьютере пользователя и заканчивая службой DNS, поисковыми машинами Интернета. Вся работа, необходимая для поиска и загрузки нужных ресурсов, скрыта от пользователя. Он только видит результат и наслаждается легкостью навигации в огромном объеме информации.

5.1. Простой переход к ресурсам

Для создания гиперссылки в тексте HTML-документа используется элемент A, который задается при помощи парных тегов <A> и </A>. Текст, изображение или другой элемент HTML-документа, заключенный между этими тегами, становится представлением гиперссылки в тексте. Обычно браузеры отображают гиперссылки таким образом, что их можно однозначно отделить от прочего содержимого документа, например выделяют цветом, подчеркиванием, меняют форму указателя мыши при наведении его на гиперссылку. Обычным действием браузера при переходе по гиперссылке является открытие указанного HTML-документа в том же или новом окне.

Навигация между HTML-документами

Для создания простейшей гиперссылки, обеспечивающей переход к нужному HTML-документу, достаточно задать в качестве значения атрибута href элемента A URI нужного ресурса (файла HTML-документа). Допустим, что сайт, по которому нужно реализовать навигацию, состоит из пяти страниц. Файлы страниц именуются 1.html, 2.html и т. д. У сайта также есть главная страница (index.html), на которой находится оглавление. Элементы оглавления позволяют перейти к соответствующим страницам, то есть являются гиперссылками. Тогда возможный вариант HTML-документа с оглавлением сайта будет иметь следующий вид (пример 5.1).

Пример 5.1. Простая навигация между документами

<TITLE>Главная страница сайта</TITLE>

<BODY>

<DL>

<DT><STRONG>Оглавление</STRONG>

<DD>

<A href = "1.html">Первая страница сайта</A><BR>

<A href = "2.html">Вторая страница сайта</A><BR>

<A href = "3.html">Третья страница сайта</A><BR>

<A href = "4.html">Четвертая страница сайта</A><BR>

<A href = "5.html">Пятая страница сайта</A><BR>

</DL>

</BODY>
<< 1 ... 9 10 11 12 13 14 15 16 >>
На страницу:
13 из 16

Другие электронные книги автора Александр Анатольевич Чиртик