Авторизация на сайте

Последнее из портфолио

Как с нами связаться

  • 8 953 242 0439
  • +7 953 242 0439
  • ws-aprel@ya.ru
  • *******
  • Россия, г. Горячий Ключ
» » Урок 7. Создание гиперссылок

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

dorofeeva 10-11-2012, 20:02 3 904 Уроки по HTML

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

Часть текста, название, участок изображения, имеющие ссылки на другой текст внутри этого же документа или на другой документ в сети Интернет, называются гипертекстовой связью(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”>


Похожие новости

  • Урок 6. Вставка звука и видео
  • Урок 5. Вставка графики и мультимедиа
  • Урок 4. Создание списков
  • Урок 2. Заголовки, абзацы, работа со шрифтами
  • Урок 1. Создаем HTML-документ