На самом деле ссылки , даже не смотря на то что являются одной из самых важных составляющих сайта очень просты и делятся на два типа:
1) внутренние, которые открываются в том же окне (используются в основном в меню сайта)
2) внешние, которые открываются в новом окне (чаще всего используются для рекламы)
И так, внутренняя ссылка выглядит так:
| <a href="http://vse-dlya-ucoz.do.am/"> Учебник HTML </a> |
В браузере будет выглядеть так, а при нажатии на надпись "Учебник HTML" в этом окне откроется сайт http://vse-dlya-ucoz.do.am/
Элемент а (ancor) является как бы якорем, т.е. текст, заключенный между открывающим <a> и закрывающим </a> тегом , будет текстом ссылки.
Атрибут href это сокращение от "hypertext reference" (гипертекстовая ссылка), специфицирует место, на которое выполняется переход по данной ссылке - обычно это internet-адрес и/или имя файла.
| <h1 > Оглавление </h1> <br> <a href="htmlbook.namehttp://vse-dlya-ucoz.do.am/"> Главная</a> <br> <a href="http://vse-dlya-ucoz.do.am/1"> Страница 1</a><br> <a href="http://vse-dlya-ucoz.do.am/2"> Страница 2</a> |
В браузере оно будет отображаться так:
Теперь рассмотрим внешние ссылки, они выглядят так же только после адреса дописывается target="_blank" где target указывает на место открывания ссылки, а blank означает что в новом окне.
| <h3> Друзья сайта </h3> <br> <a href="http://vse-dlya-ucoz.do.am" target="_blank"> Учебник HTML</a> <br> <a href="www.example.com" target="_blank"> Кулинар</a><br> <a href="example.com" target="_blank"> Медсправка</a> |
В браузере это будет так, но при нажатии на ссылку она будет открываться в новом окне:
Теперь рассмотрим такую особенность ссылок как изменение цвета при наведении мышкой на неё или нажатия.
Чтобы изменять цвет ссылок во всем документе, существуют специальные атрибуты элемента BODY .
LINK - цвет просто ссылок.
ALINK(Active Link) - цвет активных ссылок (активная означает в момент нажатия на нее)
VLINK(Visited Link) - цвет уже посещенных ссылок
Все цвета задаются либо RGB-значением в шестнадцатеричной системе, либо одним из 16 базовых цветов.
Рассмотрим пример:
| <bodylink="red" vlink="green" alink="white"> |
Если эту строчку вставить вверху страницы, то она не будет отображаться на сайте, но зато все ссылки будут красными, при наведении на них мышкой будут становиться белыми, а ссылки уже посещённых страниц сайта будут отображаться зелёным шрифтом.
