Гиперссылки
Хотя HTML содержит большое количество средств для форматирования текста и структурирования документов, его основной особенностью является возможность создания гипертекстовых документов.
Гипертекстовыми являются документы, которые содержат гиперссылки на другие ресурсы Web.
Гиперссылка — это связь между двумя анкерами: анкер источника, содержащийся в данном HTML-документе, указывает на анкер цели, который может быть HTML-документом или закладкой в нем, а также графическим файлом, аудиофайлом, видеоклипом или программой.
Для создания анкеров в языке HTML используется элемент< A>.
Элемент <A>
Элемент <A> используется с целью создания гиперссылки и имеет несколько атрибутов:
- title задает краткое описание анкера цели и отображается как "подсказка".
-
target используется только во фреймовых документах и задает имя фрейма, в котором должна отображаться цель гиперссылки.
-
hreflang и charset указывают на язык и кодировку ссылки.
-
accesskey задает символ Unicode в качестве клавиши быстрого перехода по гиперссылке.
-
tabindex-Значением атрибута tabindex должно быть целое число в диапазоне от 0 до 32767.
Это число задает номер данной гиперссылки при движении по Веб-странице нажатиями клавиши Tab. Если tabindex равно 0 или не задано, то данный элемент получит фокус после всех элементом с положительным значением tabindex. При совпадении значений tabindex у нескольких элементов первым получает фокус тот, который раньше встречается в документе.
-
rel и rev имеют то же назначение, что и у элемента LINK.
- shape и coord используются в навигационных картах.
Помимо базовых событий, элемент A допускает обработку еще двух событий:
onfocus - происходит, когда гиперссылка получает фокус;
onblur - происходит, когда гиперссылка теряет фокус.
Примеры:
href- задает адрес ссылки. Он может указывать или на имя ссылки в тексте, или на URL и имя файла.
Синтаксис: <A href="URL"> текст для ссылки </A>
или же в тексте:
<A href="#имя"> текст для ссылки </a>
name- задает привязку ссылки в тексте, на которую и будет производиться ссылка.
Синтаксис: <A name=имя> Что угодно. Текст не обязателен </A>
id- задает привязку ссылки в тексте, на которую и будет производиться ссылка. Может использоваться и с другими тегами.
Например: <P id="имя абзаца"> далее в тексте...</P> ... <A href="# имя абзаца"> Ссылка</A >
frame- указания названия кадра, в котором должен быть визуализирован целевой документ.
Синтаксис: <A frame="имя фрейма"> Что угодно. Текст не обязателен </A >
title- отображает всплывающую подсказку.
Синтаксис: <A title=" имя ссылки"> Ссылка</A >
accesskey- назначает горячую клавишу для быстрого перехода к ссылке.
Синтаксис: <A accesskey=" имя клавиши"> Ссылка</A >
Примеры:
1. Ссылка на сайт с применением всех атрибутов.
пример:
Нажмите на ссылку или на ALT+U и попадёте на сайт "адрес(URL)"
<A HREF="URL" id=1 name="sr" frame="body" title="URL" accesskey="S">ссылка</A>
ссылка
2. Ссылка на *.txt файл
.
<A HREF="files/a.txt">Текст файла</A>
Текст файла
3. Ссылка на архив или *.exe файл. Происходит скачивание файла с сайта.
<A HREF="files/a.zip">Скачать файл</A>
Скачать файл
4. Ссылка на электронный почтовый ящик. После нажатия открывается почтовый клиент.
<a href="mailto:nikolai@yandex.ru">Ответить</a>
Ответить.
5. Ссылка на электронный почтовый ящик. После нажатия открывается почтовый клиент с заполненными полями.
<a href="mailto:nikolai@yandex.ru?Subject=Вопрос по HTML>Отправить письмо</a>
Отправить письмо
6. Ссылка на видео файл. Файл открывается в окне браузера. Есди браузер не может отобразить данный файл, то он открывается в видео плеере установленном на компьютере пользователя.
<a href="http:/shansnik.narod.ru/a.mpg">Видео</a>
Видео
<a href="files/a.mpg">Видео</a>
Видео
Теперь вы знаете как создаются гиперссылки в HTML-документах.
Далее мы узнаем что такое « Фреймы »