- •Гиперссылка.
- •Относительные и абсолютные ссылки.
- •Url (Uniform Resource Locator)- универсальный указатель ресурса. Для указания положения файлов на серверах World Wide Web (www) используются единые указатели url.
- •Ссылки на отдельные разделы документа.
- •Ссылки на отдельные разделы текущего документа.
- •Связь между разделами документа.
Гиперссылка.
Цель: изучить и освоить правила задания гиперссылок: абсолютная и относительная адресация.
Часть текста или одно слово, название, графическое изображение и его часть могут иметь ссылки на другой текст внутри этого же документа или на другой документ в Интернете. Это и называется гипертекстовой связью (Hypertext link), гипертекстовой ссылкой или просто гиперсвязью. Изображение или участок текста, слово, с которым ассоциированы гиперсвязи, называют ссылкой.
На экране ссылка выделяется каким-либо образом на фоне остального текста – подчеркиванием или особым цветом, который устанавливается по умолчанию или закладывается в атрибутах тэга <BODY>.
A – тэг якоря (anchors), гиперсвязи, и т. д. .
Чтобы превратить обычный документ в гипертекстовый, в него необходимо вставить гипертекстовые связи. Для этого используются парные тэги <A>…</a>.
Основной синтаксис:
<A href=”цель”>текст якоря</a>
или
<A name=”имя”>текст якоря</a>
Чаще всего используют 2 вида шаблонов. Первый – для текстовой ссылки:
Произвольный текст <A href=”Адрес ссылки”>текст для щелчка</a>.
Второй для ссылки в виде рисунка:
<A href=”адрес ссылки”><IMG src=”ссылка на рисунок”></a>.
По принципу действия графический ссылки ничем не отличаются от текстовых. Они не подчеркиваются и не выделяются цветом. Для их выделения браузеры вокруг такого изображения рисуют рамку.
Возможные атрибуты:
имя |
значение |
смысл |
Примечание |
name |
строка символов |
Имя для связанного «конца» |
Должно быть уникальным в пределах документа |
href |
URL |
Сетевой адрес для связанного ресурса |
Должен соответствовать другому HTML документу, PDF-файлу, изображению и т. п. |
Пример:
<A href=”lab1.html”>Этот текст является указателем ссылки</a>
или
<A href=”lab1.html”><IMG src=”pictures.gif”></a>
Примечание: Вы не можете вложить А-элемент, но можете записать его для использования с двойной целью – как HREF и как NAME атрибуты, например, <A name=”first” href=”#two”>example</a>
Относительные и абсолютные ссылки.
Гипертекстовые ссылки могут указать на другой Web-узел или на другую страницу. Если ссылка указывает на другую страницу этого же Web-узла, то достаточно указать только относительный путь поиска документа. В этом случае создается относительная (внутренняя) ссылка. Использовать относительные ссылки удобно, так как при переносе Web-узла целиком на другой сервер не требуется вносить изменений в отдельные документы.
По умолчанию используется ссылка на файлы текущей папки (той, где расположен файл Web-страницы). В этом случаи, просто указывается имя файла, например,
<A href=”lab1.html”>лабораторная работа №1</a>
Часто используются ссылки на папки: это позволяет легко менять местоположение комплекса страниц на диске. Так, если в текущей папке есть другая, в которой размещены необходимые файлы, то ссылка строится по шаблону:
<A href=”./Папка/lab1.html”>лабораторная работа №1</a>.
Если необходимо указать папку, которая находится в том же уровне вложения, что и текущая, то необходимо добавить еще одну точку:
<A href=”../Папка/lab1.html”>лабораторная работа №1</a>.
Примечание: относительную адресацию необходимо использовать везде, где это можно сделать, поскольку:
Проще будет перевести группу документов в другое место;
Связь с сервером будет более эффективной;
Набираемый текст будет короче.
Однако для файлов, с которыми нет непосредственной связи, следует использовать абсолютные адреса.
Например, рассмотрим группу документов, которые образуют руководство для пользователя. Ссылки внутри этой группы должны быть относительными. В ссылках на другие документы (например, сопутствующее программное обеспечение) должны использоваться абсолютные адреса файлов. В этом случае, при переносе руководства в другую директорию, ссылки не нужно будет обновлять.
Абсолютной ссылкой называется ссылка, в которой точно указаны: компьютер, каталог и файл и используются для указания Web-страниц, расположенных на других компьютерах (в то время как относительные ссылки применяются для указания Web-страниц одной машины).
Таким образом, если Web-страница, на которую указывает ссылка, располагается на другом Web-сервере, то в качестве значения атрибута HREF= должен использоваться полный адрес URL-документа, включая название протокола и адрес Web-узла. Такие ссылки называются внешними.
Упражнение 1. Проанализируйте результат программы просмотра следующего текста. Ваш файл, например, lab1.html, должен находиться в той же папке, что и HTML-документ со следующим текстом. Поэкспериментируйте с размещением файла lab1.html и вариантами указания относительных адресов.
<HTML>
<HEAD> <TITLE>Ссылки</title> </head>
<BODY fgcolor=”#FFFFFF” text=”#FF0000” link=”#0000FF” vlink=”#A706E3” alink=”#E7ACFD”>
<A href=”http://www.microsoft.com/”>MicroSoft</a>
<P>А теперь перейдем к<A href=”lab1.html”>лабораторной работе №1</a></p>
</body>
</html>