Ссылки
Тэг <a>…</a> делает ссылкой заключенные в него текст или картинку. Принцип прописывания пути такой же, как для изображения.
Если тип соединения и адрес машины не указаны, в качестве отправной точки используется адрес текущего документа. Это позволяет использовать относительные ссылки. Первые две ссылки указаны именно так, в них мы ссылаемся на документы, находящиеся внутри нашего сайта:
<a href=имя.html>показать</a> - документ, на которую указывает ссылка лежит в той же папке, что и основная страница;
<a href=images/имя.html>показать</a> - страница лежит в поддиректории images;
При ссылке на другой сайт, используем абсолютный путь, включающий имя сайта и название страницы:
<a href=http://www.page.com/имя.html>показать</a> - ссылаемся на сайт http://www.page.com.
Атрибут href - определяет находящийся между начальным и конечным тегами текст или изображение как гипертекстовую ссылку на документ или область документа, указанный в значении данного атрибута. Возможные значения:
Для того, чтобы при наведении на ссылку курсором и при клике она меняла свой цвет в тэг <body> нужно добавить несколько параметров:
<body text=#0C00FF bgcolor=#FAF0E6 link="blue" alink="purple" vlink="red">
Здесь:
link - цвет ссылки;
vlink - цвет пройденной ссылки;
alink - цвет активной ссылки, когда к ней подводиться курсор.
Для текстовых ссылок мы тоже можем задать разный цвет - это делается при помощи тэга <font> и его атрибута color: <a href="photo.html"><font color="#CC0000"> мои фотографии </font></a>.
Чтобы страница, на которую указывает ссылка, открывалась в новом окне, добавляем атрибут target="_blank":
<a href="имя.html" target="_blank"> показать </a>
<html>
<head>
<title>текстовая ссылка</title>
</head>
<body bgcolor=#FAF0E6>
<center><h2>Привет всем!</h2>
<img src=images/03.gif align=left height=200 hspace=30 vspace=5 alt="расслабься">
<p align=justify>У многих моих знакомых есть свои страницы в Internet. А я хуже? И у меня есть, о чем рассказать и что <a href="04p.html" target="_blank">показать.</a></p>
<font color=#CC0000 size=+1><b><i>Успехи налицо! Да здравствует HTML!</b></i></font>
</center>
</body>
</html>
Cмотрим, что получилось, жмем на ссылку, открываем еще одну страницу. На ней две ссылки.
Маленькая картинка в рамочке - ссылка-рисунок:
<a href=11.html><img src=images/10a.gif align=right height=50 hspace=60 alt="жизненные принципы"></a>
А это ссылка на почтовый ящик -
<a href=mailto:address@mail.ru>пишите письма</a>
Почтовую ссылку можно оформить и так:
<a href="mailto:address@mail.ru?subject=Hi &Body=Желаю познакомиться! &cc=copy@mail.ru &bcc=hidden_copy@mail.ru">пишите письма</a>
После щелчка на такую ссылку, откроется окно почтовой программы с уже заполненными полями.
Здесь:
Страница выглядит так
