Ссылки HTML

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

1 <HTML>
2
3 
4 
5
6 <HEAD>
7 <ТIТLЕ>Учебник по HTML - Ссылки HTML</ТIТLE>
8 </HEAD>
9
10 <ВОDY>
11
12 <CENTER>
13 <Н2>Поисковые системы Интернет</Н2>
14 Щёлкните на названии поисковой системы, чтобы
15 перейти к соответствующей странице:
16
17 
18 Yandex: <A HREF = "http://www.yandex.ru">
19 http://www.yandex.ru</A>
20
21 Google: <A HREF = "http://www.google.com">
22 http://www.google.com</A>
23
24 Rambler: <A HREF = "http://www.rambler.ru">
25 http://www.rambler.ru</A>
26
27 Yahoo: <A HREF = "http://www.yahoo.com">
28 http://www.yahoo.com</A>
29 </CENTER>
30
31 </BODY>
32 </HTML>

Результат работы кода.

Первая ссылка встречается нам в строках 18 и 19:

Yandex: <A HREF = "http://www.yandex.ru">
http://www.yandex.ru</A>

Ссылки вводятся в текст с помощью элемента A (якорь). Элемент "якорь", в отличие от элементов, с которыми мы уже встречались, имеет определённые атрибуты в открывающем теге, что необходимо для активизации гиперссылки. Наиболее важным параметром является путь, на который будет ссылаться якорный объект. В качестве пути может выступать любая доступная страница либо URL файла, либо URL e-mail. Для задания адреса, на который вы хотите сделать ссылку, нужно использовать атрибут HREF тега "якорь" следующим образом: <A HREF = "адрес">. В данном случае адресом, на который мы ссылаемся, является адрес http://www.yandex.ru. Гиперссылка, созданная в строке 18, использует текст строки 19 http://www.yandex.ru как якорь для указанного адреса.

Любой человек, загрузивший вашу страницу, может щёлкнуть на якоре гиперссылки, и его браузер перейдёт на заданную в гиперссылке страницу. В нашем примере имеются ещё несколько тегов якоря.

Кроме того, в примере используется элемент Р. Напомним, что элемент параграфа добавляет вертикальный пробел до и после текста, заключённого в элемент параграфа. В строках с 18 по 28 создаются четыре самостоятельных элемента параграфа. Каждый из них является отдельным параграфом й поэтому отделяется пустой строкой как до, так и после себя.

Якоря также могут ссылаться на электронные адреса. Если щёлкнуть на такой ссылке, то будет загружена используемая по умолчанию программа для работы с электронной почтой с автоматической инициализацией сообщения на заданный в ссылке адрес. Такой тип ссылки используется в следующем примере.

1 <HTML>
2
3 
4 
5
6 <HEAD>
7 <ТIТLЕ>Учебник по HTML - Ссылки HTML -
8 Контактная страница</ТIТLЕ>
9 </HEAD>
10
11 <BODY>
12
13 
14 
15 <Р>Наш адрес электронной почты: <A HREF = "mailto:myaddress@mail.ru">
16 myaddress@mail.ru</A>. Щёлкните на адресе, и браузер
17 загрузит программу работы с электронной почтой.
18 </Р>
19
20 </BODY>
21 </HTML>

Результат работы кода.

Ссылки на электронный адрес имеют практически тот же синтаксис, что и ссылки на Web-страницы. Такая ссылка находится в строках 15 и 16 рассматриваемого примера:

<Р>Наш адрес электронной почты: <A HREF = "mailto:myaddress@mail.ru">
myaddress@mail.ru</A>.

Ссылки на электронный адрес выглядят следующим образом: <A HREF = "mailto: электронный адрес"> ...</A>. Значение атрибута HREF, включая слово mailto:, должно быть заключено в кавычки.

На главную