|
Гиперссылка (ссылка) - одно из важнейших понятий HTML. Даже само
название HTML - гипертекст - говорит об этом.
Ссылка состоит из двух частей: указателя ссылки и адреса ресурса,
на который мы ссылаемся.
Указатель ссылки - часть ссылки, которая будет показана броузером.
Он представляет собой слово, группу слов и/или изображение.
По указателю должен кликнуть пользователь, чтобы "перейти
по ссылке". Поэтому указатель выделяется броузером, чтобы пользователь
заметил, куда надо кликать. Обычно указатели ссылок выглядят подчеркнутыми.
Они также имеют отличный от основного текста цвет. Например:
Это ссылка,
которая автоматически выделяется броузером
|
<a href="#">
Это ссылка, которая
автоматически выделяется броузером
</a>
|
|
Выше приведённая ссылка указывает просто на страницу,
где она находится. Об этом говорит знак #. В то же время ссылка
может указывать на другую страницу на собственном сайте (относительная
ссылка) или на другой сайт (абсолютная ссылка). Кроме этого ссылки
могут указывать на любой файл в сети или на Е-Майл-адрес:
|
<a href="../katalog/file.htm">
Пример относительной
ссылки
</a>
|
|
Две точки и слэш показывают, что мы покидаем каталог,
в котором находится страница с данной ссылкой, заходим в каталог
"katalog" и открываем файл "file.htm". Если
мы хотим углубится в каталог "katalog2", который уже находится
в открытом каталоге, то ссылка будет выглядеть так:
|
<a href="katalog2/file.htm">
Пример относительной
ссылки
</a>
|
|
Так выглядит код абсолютной ссылки:
|
<a href="http://www.html-express.com/file.htm">
Пример абсолютной
ссылки
</a>
|
|
Абсолютную ссылку можно узнать по тому, что она начинается
с протокола, в данном случае http - hyper text transfer protocol.
Возможны ссылки и на другие протоколы, например FTP:
|
<a href="ftp://servername.com/katalog/file.htm">
Пример абсолютной
ссылки на FTP
</a>
|
|
Для того что бы сослаться на Е-Майл-адрес достаточно
команды "mailto":
|
<a href="mailto:webmaster@html-express.com">
Пример ссылки
на Е-майл
</a>
|
|
Существуют также ссылки и по другим протоколам (telnet,
wais, gopher, news), но они встречаются крайне редко.
Возможны, также, ссылки, при клике на которые происходит переход
к какому-то фрагменту текущего документа, а не загружается новый.
Для создания такой ссылки надо использовать тэг <A>
дважды. Следует создать прежде всего саму ссылку:
Нажав на эту ссылку, вы
попадёте в начало страницы
|
<a href="#top">
Нажав на эту
ссылку, вы попадёте в начало страницы
</a>
|
|
Чтобы определить, куда приведёт ссылка, следует установить при
помощи параметра "name" в нужном месте так называемый
якорь:
|
<a name="top">
Пример якоря
</a>
|
|
Подобного рода ссылки можно использовать, к примеру, при публикации
длинных статей, чтобы прямо из содержания читатель мог перейти
в нужный раздел или параграф.
В случае, если "якорь" находится в другом документе,
в качестве адреса ссылки надо использовать ссылку на документ с
добавленным именем "якоря". Пример:
|
<a href="file.htm#bottom">
Ссылка на конкретное
место в другом документе
</a>
|
|
В заключение хочу добаваить, что любой текст, блок
текста или изображение, заключеные тэгами <a> и </a>
будут являтся ссылкой.
|