HTML HTML5 XHTML ПРИМЕРЫ СПРАВОЧНИК РЕКЛАМА ГОСТЕВАЯ

HTML Тег <a> - Гиперссылка


Пример

Ссылка на Уроки HTML:

<a href="http://uroki-html.ru/">Заходите на Уроки HTML!</a>

Попробуйте сами »
(дополнительные примеры внизу этой страницы)

Определение и Использование

Тег <a> определяет гиперссылку (анкор). Гиперссылка может использоваться двумя способами:

  1. Для создания ссылки на другой документ, с помощью атрибута href
  2. Для создания закладки внутри документа, с помощью атрибута name

Элемент a обычно называют ссылкой или гиперссылкой.

Наиболее важный атрибут элемента a - это атрибут href, который определяет адрес гиперссылки.

По умолчанию ссылки отображаются в браузерах следующим образом:

  • Непосещенная ссылка подчеркнута и имеет голубой цвет
  • Посещенная ссылка подчеркнута и имеет пурпурный цвет
  • Активаня ссылка подчеркнута и имеет красный цвет

Поддержка Браузерами

Internet Explorer Firefox Opera Google Chrome Safari

Тег <a> поддерживается всеми основными браузерами.


Различия Между HTML и XHTML

В XHTML атрибут name тега <a> является устаревшим и будет удален. Используйте вместо него атрибут id.


Советы и Замечания

Совет: Используйте CSS для оформления ссылок!


Необязательные Атрибуты

DTD указывает, в каком типе документа HTML 4.01/XHTML 1.0 DTD атрибут разрешен. S=Strict, T=Transitional и F=Frameset.

Атрибут Значение Описание DTD
charset набор_символов Указывает набор символов документа, на который ссылается гиперссылка STF
coords координаты Указывает координаты ссылки STF
href адрес URL Указывает адрес назначения гиперссылки STF
hreflang код_языка Указывает код языка документа, на который ссылается гиперссылка STF
name имя_ссылки Указывает имя анкора STF
rel текст Указывает отношение между текущим документом и документом, на который ссылается гиперссылка STF
rev текст Указывает отношение между документом, на который ссылается гиперссылка, и текущим документом STF
shape default
rect
circle
poly
Указывает форму ссылки STF
target _blank
_parent
_self
_top
имя_фрейма
Указывает где открывать документ, на который ссылается гиперссылка TF


Стандартные Атрибуты

Тег <a> поддерживает следующие стандартные атрибуты:

Атрибут Значение Описание DTD
accesskey символ Указывает быструю клавишу для доступа к элементу STF
class имя_класса Указывает имя класса для элемента STF
dir rtl
ltr
Указывает направление текста для содержимого в элементе STF
id идентификатор Указывает уникальный идентификатор для элемента STF
lang код_языка Указывает код языка для содержимого элемента STF
style определение_стиля Указывает встроенный стиль для элемента STF
tabindex число Указывает порядок табуляции для элемента STF
title текст Указывает дополнительную информацию об элементе STF
xml:lang код_языка Определяет код языка для содержимого элемента в XHTML документах STF

Дополнительная информация о Стандартных Атрибутах.


Атрибуты Событий

Тег <a> поддерживает следующие атрибуты событий:

Атрибут Значение Описание DTD
onblur скрипт Скрипт, запускаемый, когда элемент теряет фокус STF
onclick скрипт Скрипт, запускаемый при клике мышью STF
ondblclick скрипт Скрипт, запускаемый при двойном щелчке мышью STF
onfocus скрипт Скрипт, запускаемый, когда элемент получает фокус STF
onmousedown скрипт Скрипт, запускаемый при нажатии кнопки мыши STF
onmousemove скрипт Скрипт, запускаемый при перемещении указателя мыши STF
onmouseout скрипт Скрипт, запускаемый, когда указатель мыши уходит за пределы элемента STF
onmouseover скрипт Скрипт, запускаемый, когда указатель мыши перемещается над элементом STF
onmouseup скрипт Скрипт, запускаемый при отпускании кнопки мыши STF
onkeydown скрипт Скрипт, запускаемый при нажатии клавиши STF
onkeypress скрипт Скрипт, запускаемый, когда клавиша нажата, а затем отпущена STF
onkeyup скрипт Скрипт, запускаемый, когда клавиша отпущена STF

Дополнительная информация об Атрибутах Событий.


Примеры

Попробуйте сами - Примеры

Создание гиперссылок
Как создавать гиперссылки.

Изображение в качестве ссылки
Как использовать изображение в качестве ссылки.

Открыть ссылку в новом окне браузера
Как открыть ссылку в новом окне браузера, чтобы посетитель не покидал ваш Веб сайт.

Ссылка на закладку той же самой страницы
Как создать закладку.

Выскочить из фрейма
Как выскочить из фрейма (если ваш сайт "застрял" во фрейме).

Создание почтовой ссылки
Как создать почтовую ссылку (будет работать только если почта установлена).

Создание почтовой ссылки 2
Еще пример почтовой ссылки



© 2011-2017 Уроки HTML
Рейтинг@Mail.ru