10.11.2012

Урок 7. Создание гиперссылок

В начале очередного урока немного определений: 

Часть текста, название, участок изображения, имеющие ссылки на другой текст внутри этого же документа или на другой документ в сети Интернет, называются гипертекстовой связью(Hypertext link) или гипертекстовой ссылкой.

Изображение или участок текста, слово, с которым связаны гиперсвязи, называется якорем, анкором, линком или ссылкой

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

Чтобы превратить обычный документ в гипертекстовый, в него нужно вставить гипертекстовые связи. 
Для этого используют парный тег  <А href=" ">  ...  </А>. 
Атрибут href определяет URL-адрес ссылки (Uniform Resource Locator – унифицированный локатор ресурса), на которую будет совершен переход, если щелкнуть мышью по объекту, находящемуся между тегами (в данном случае объект обозначен многоточием).
<А href="http://www.myaprel.ru"> Создание сайтов</А>

Если ссылка производится на документ, находящийся в той же папке, что и исходный документ, достаточно указать только имя файла.
<А href="15-urok-6-vstavka-grafiki-i-multimedia-na-sayt.html"> Урок 6. Вставка графики на сайт</А>

Для гиперссылки можно создать всплывающую подсказку с помощью атрибута title=”текст”.
<А href="http://myaprel.ru/made.html" title=”Создание сайтов”> Создание сайтов </А>

Якорем гиперссылки может быть не только текст, но и рисунок.
<A href=”http://myaprel.ru/gotop.html”><IMG src=”http://myaprel.ru/images/ris.gif”></A>
По щелчку по картинке осуществляется переход по ссылке.

Для перехода внутри одного документа  используются два тега <A>. Первая команда с атрибутом  href  является источником перехода (якорем), вторая с атрибутом name – приемником.
<A href=#метка >Текст</A>Задание перехода по метке.
<A name=метка >Метка </A>. Сюда браузер  переходит по ссылке.

На экране ничего не отображается!!!.

Гиперссылки можно использовать для размещения звуковых или видео-файлов:      
<A href="Zvuk.wav"> Послушайте песенку (90K)</A>
Размер звукового файла указан в килобайтах! Работая со звуковыми файлами, не забывайте, что фрагменты звука должны быть короткими.

Обычно браузер устанавливает цветовое оформление ссылок по умолчанию. Можно изменить эти настройки специальными атрибутами тега <BODY>:
link – цвет неактивированных ссылок;
vlink – цвет посещенных ссылок;
alink – цвет активной ссылки.
<BODY link=”green” alink=”lime” vlink=”gray”>