Вторник, 17.10.2017, 16:28
Приветствую Вас Гость | rss
Меню сайта
Форма входа

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

учебник HTML - Страница 7


Урок 5: изучаем HTML ссылки.


На самом деле ссылки , даже не смотря на то что являются одной из самых важных составляющих сайта очень просты и делятся на два типа:

1) внутренние, которые открываются в том же окне (используются в основном в меню сайта)

2) внешние, которые открываются в новом окне (чаще всего используются для рекламы)


И так, внутренняя ссылка выглядит так:


<a href="http://htmlbook.name"> Учебник HTML </a>


В браузере будет выглядеть так, а при нажатии на надпись "Учебник HTML" в этом окне откроется сайт http://htmlbook.name


html ссылка


Элемент а (ancor) является как бы якорем, т.е. текст, заключенный между открывающим <a> и закрывающим </a> тегом , будет текстом ссылки.

Атрибут href это сокращение от "hypertext reference" (гипертекстовая ссылка), специфицирует место, на которое выполняется переход по данной ссылке - обычно это internet-адрес и/или имя файла.

Если вам нужно создать меню для своего сайта, то оно будет выглядеть так:


<h1 > Оглавление </h1> <br>
<a
href="htmlbook.name"> Главная</a> <br>
<a
href="http://htmlbook.name/index/uchebnik_html/0-4"> Страница 1</a><br>
<a
href="http://htmlbook.name/index/uchebnik_css/0-5"> Страница 2</a>


В браузере оно будет отображаться так:


меню сайта


Теперь рассмотрим внешние ссылки, они выглядят так же только после адреса дописывается target="_blank" где target указывает на место открывания ссылки, а blank означает что в новом окне.

На деле это выглядит так:


<h3> Друзья сайта </h3> <br>
<a
href="htmlbook.name/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>



В браузере это будет так, но при нажатии на ссылку она будет открываться в новом окне:


target blank


Теперь рассмотрим такую особенность ссылок как изменение цвета при наведении мышкой на неё или нажатия.

Чтобы изменять цвет ссылок во всем документе, существуют специальные атрибуты элемента BODY .

LINK - цвет просто ссылок.

ALINK(Active Link) - цвет активных ссылок (активная означает в момент нажатия на нее)

VLINK(Visited Link) - цвет уже посещенных ссылок

Все цвета задаются либо RGB-значением в шестнадцатеричной системе, либо одним из 16 базовых цветов.

Рассмотрим пример:

<bodylink="red" vlink="green" alink="white">


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



Поиск
Календарь
«  Октябрь 2017  »
ПнВтСрЧтПтСбВс
      1
2345678
9101112131415
16171819202122
23242526272829
3031
Архив записей

rss
Яндекс.Метрика Каталог@Mail.ru - каталог ресурсов интернет