On-Line учебник по HTML - Ссылки

Теперь пора поговорить о ссылках. Наша страничка может состоять из нескольких документов. Один из них главный (это - index.html или main.html) - он открывается первым и должен обязательно лежать на вашем сайте в интернете.

Остальные документы вы можете называть как угодно (photos.html, about_me.html, my_pets.html, friends.html, gh516hgd.html). Они все могут лежать в одной директории (папке), а могут в разных.

Ссылкой на эти другие документы (части нашей страники) может быть текст (фраза,слово), а может бытьи картинка.

Для начала создадим новый документ (в нашем примере prf.html) в той же директории (папке), где находится наш главный документ index.html. Содержание документа выдумайте сами, у вас для этого уже достаточное знание. Пусть prf.html - документ с вашими фотографиями. Тогда мы можем без зазрения совести фразу "посмотреть мои фотографии" сделать ссылкой на prf.html:

<a href="index.html">Главная страница</a>

Тэг <a></a> делает ссылкой заключенную в него картинку или фразу (текст).

(1) - <a href="../index.html">Главная</a>
(2) - <a href="photos/prf.html">мои фотографии</a>
(3) - <a href="http://infoagel2007.narod.ru/htmlpage.html">Учебник HTML</a>

В случае (1) документ лежит на один уровень директорий (папка) назад, что и документ, в случае (2) документ лежит в поддиректории /photos, в случае (3) мы ссылаемся на сайт http://infoagel2007.narod.ru/, где лежит нужный нам документ.

Как видите все просто. Но есть один фактор, который нам нужно учесть: цвет ссылки нужно прописывать, а иначе по умолчанию он будет просто безобразным, поэтому вспомним об открывающем тэге боди:

link - цвет ссылки, alink - цвет активной ссылки (нажатой), vlink - цвет уже посещенной ссылки. В нашем примере цвета одинаковые, но они могут быть разными, также не карается законом, если цвет ссылки такой же как цвет текста документа (ссылка же выделяется чертой). Итак пропишем цвета для ссылки и саму ссылку в нашем документе:

Ничего хитрого. Тeперь нам следует запомнить то, что ссылка на ваш почтовый ящик прописывается так:

<a href="mailto:defri@yandex.ru"> pochta@mail.ru - пишите письма </a> (прим.)

Запомните это раз и навсегда и не пытайтесь ее прописать по другому. Ссылка на документ, картинку или файл - одно дело, а ссылка на почтовый ящик - другое (да, но цвета всех ссылок в документе одинаковые:).

Почтовая гиперссылка имеет несколько параметров (не обязательных):
?subject - Тема пиcьма
&Body - Текст вашего сообщения
&cc - Копии письма через запятую
&bcc - Скрытые копии письма через запятую
title="Выпадающая подсказка" Ставиться по желанию и распологаеться отдельно от параметров почтовой ссылки.

Вот несложный пример:

Написать письмо

<a href="mailto:defri@yandex.ru ?subject=Объявление &Body=Хочу продать...&cc=defri@yandex.ru &bcc=alsodefri@yandex.ru" title="Вот и есть почтовая гиперссылка">Написать письмо <mailto:defri@yandex.ru?subject=Объявление%20&Body=text%20&cc=defri@yandex.ru&bcc=alsodefri@yandex.ru>

Если в качестве ссылки вы хотите еспользовать рисунок, то код будет выгледить так: <a href="index.html" target="_blank"><img border="0" src="Рисунок" width="Ширина" height="Высота" TITLE="Подсказка></a>

А вот и пример: