- •Лабораторная работа Создание Web-страницы
- •Дрессировка
- •Часть 1. Форматирование текста на Web-странице по образцу
- •Часть 2. Создание нумерованных и ненумерованных списков
- •1.4. Управление цветом
- •1.5. Рисунки на Web-странице
- •Часть 1. Оформление цветом Web-страницы
- •Часть 2. Размещение графики на Web-странице
- •Часть 3. Изменение размеров изображения на Web-странице
- •1.6. Гиперссылки
- •Часть 1. Создание простейшей гиперссылки
- •Часть 2. Создание гиперссылок
- •Часть 3. Цвет гиперссылок
- •Часть 4. Использование рисунка в качестве гиперссылки
- •1.7. Таблицы
- •1.7.1. Создание и форматирование таблиц
- •Часть 1. Создание таблицы по образцу
- •Часть 2. Форматирование таблицы
- •Часть 3. Заполнение таблицы
- •Часть 4. Самостоятельное проектирование и создание таблицы
- •1.7.2. Разметка Web-страницы при помощи таблицы
1.6. Гиперссылки
Можно выделить несколько видов гиперссылок.
Внутренние гиперссылки связывают документы внутри одного и того же узла.
Внешние гиперссылки связывают Web-страницу с документами, не принадлежащими данному Web-узлу.
Гиперссылка может указывать на почтовый адрес.
Гиперссылка может указывать на метки (якоря), которые позволяют посетителю переходить в определенные места документа.
Каждая HTML-страница имеет свой уникальный адрес в Интернете, который называется универсальным указателем ресурса (Uniform Resource Locator, URL). Когда создается локальная (внутренняя) гиперссылка, совсем не обязательно указывать полный URL документа. Вместо этого можно указать относительный путь от данной страницы или от корневой папки Web-узла. Далее представлены примеры трех типов гиперссылок, используемых при связывании документов.
Абсолютный путь:
http://www.dodbar.nn.ru/rus/index.html
Абсолютный путь задается полным URL документа, на который устанавливается гиперссылка. Такой тип гиперссылок обычно используется для связывания документов, расположенных на разных Web-узлах. Основное неудобство абсолютного пути заключается в том, что при переносе файлов на другой сервер в Интернете требуется менять все гиперссылки.
Путь относительно просматриваемого документа:
rus/index.html
Путь относительно документа наиболее распространен при создании гиперссылок. Обычно они используются для связывания документов, расположенных в одном и том же Web-узле, когда структура проекта уже устоялась и в ближайшее время меняться не будет. В пути относительно документа обычно задается только та часть URL, которая отличается у двух связываемых документов, например, если два документа находятся в одной папке, то достаточно указать название документа, на который указывает гиперссылка. Даже если файлы расположены в разных папках, к примеру, один – во вложенной папке основной папки, то следует сначала указать имя вложенной папки, а затем прямой слэш и имя документа.
Путь относительно корневой папки Web-узла:
/support/www.dodbar.nn.ru/rus/index.html
Путь относительно корневой папки представляет собой полный путь относительно корневой папки Web-узла. Главное его отличие от пути относительно документа состоит в способе задания – он начинается с прямого слеша. Обычно путь относительно корневой папки используется в тех случаях, когда HTML-документы необходимо часто переносить из одной папки в другую. При этом, если в гиперссылках на сопутствующие файлы и файлы графики указан путь относительно корневой папки, он не будет зависеть от местоположения самого документа. Конечно, при перемещении целой папки все гиперссылки, указывающие на файлы внутри этой папки, должны быть изменены.
<А> </а>
Один из самых важных элементов языка, обеспечивающий создание гиперссылок. Чаще всего используется следующий шаблон:
Произвольный текст <А href=адрес ссылки> Текст для щелчка </а>
Или такой:
<А href=адрес ссылки> <IMG src=«ссылка на рисунок> </а>
Первый шаблон используется в том случае, когда гиперссылка встречается в тексте. Атрибут href может указывать на ресурс Интернета, файл на локальном диске или метку внутри текущей страницы. Текст, расположенный внутри элемента А, представляет собой видимую часть гиперссылки. Пользователь должен щелкнуть по ней, чтобы осуществить переход на следующий документ. Браузер выделяет этот фрагмент цветом, а после использования гиперссылки меняет цвет, чтобы подсказать пользователю, какие ссылки были посещены.
Второй шаблон задается в том случае, когда видимая часть гиперссылки представляет собой рисунок. Если для последнего определена рамка, то она тоже меняет цвет после использования гиперссылки.
Внутри тэга <BODY> используются атрибуты, определяющие цвет гиперссылок:
link – задает цвет ссылок на всей Web-странице;
vlink – задает цвет посещенных ссылок;
alink – задает цвет активных ссылок (цвет появляется при нажатии мыши).
Например:
<BODY link=0000FF vlink=СС0066 alink=FF0000>
Когда гиперссылка используется для указания адреса электронной почты, ее выбор обеспечивает не переход к новому документу, а запуск почтовой программы на компьютере для отправки сообщения указанному адресату. Обычно такую ссылку размещают в конце страницы для обеспечения связи с Web-мастером или автором страницы, например:
<А href=mailto:vebmaster@mail.ru>Иванов Алексей</а>
Задание № 4 «Создание гиперссылок»