Помогая другим, помогаешь себе.
Создадим реальнyю виртyальность !
Урок 5: изучаем HTML ссылки.
На самом деле ссылки ,
даже не смотря на то что являются одной
из самых важных составляющих сайта
очень просты и делятся на два типа:
1) внутренние, которые
открываются в том же окне (используются
в основном в меню сайта)
2) внешние, которые
открываются в новом окне (чаще всего
используются для рекламы)
И так, внутренняя ссылка
выглядит так:
|
<a href="uchebnik_ html.htm"> Учебник HTML </a>
|
В браузере
будет
выглядеть так, а при нажатии на надпись
"Учебник HTML" в этом окне откроется
сайт uchebnik_ html.htm
Элемент а (ancor) является
как бы якорем, т.е. текст, заключенный
между открывающим <a> и закрывающим
</a> тегом , будет текстом ссылки.
Атрибут href это сокращение
от "hypertext reference" (гипертекстовая ссылка),
специфицирует место, на которое
выполняется переход по данной ссылке
- обычно это internet-адрес и/или имя файла.
Если вам нужно создать
меню для своего сайта, то оно будет
выглядеть так:
|
<h1 > Оглавление </h1> <br>
<a href="uchebnik_ html.htm"> Главная</a> <br>
<a href="lesson_1.htm"> Страница 1</a><br>
<a href="lesson_2.htm"> Страница 2</a>
|
В браузере оно будет
отображаться так:
Теперь
рассмотрим
внешние ссылки, они выглядят так же
только после адреса дописывается
target="_blank" где target указывает на место
открывания ссылки, а blank означает что в
новом окне.
На деле это выглядит
так:
<h3> Друзья сайта </h3> <br>
<a href="index/uchebnik_html/0-4" 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">
|
Если эту строчку вставить
вверху страницы, то она не будет
отображаться на сайте, но зато все ссылки
будут красными, при наведении на них
мышкой будут становиться белыми, а
ссылки уже посещённых страниц сайта
будут отображаться зелёным шрифтом.
