Описание

Тег <a> является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия атрибутов name или hrefтег <a> устанавливает ссылку или якорь. Якорем называется закладка внутри страницы, которую можно указать в качестве цели ссылки. При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри веб-страницы. Для создания ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. В качестве значения атрибута href используется адрес документа (URL, Universal Resource Locator, универсальный указатель ресурсов), на который происходит переход. Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всюду независимо от имени сайта или веб-страницы, где прописана ссылка. Относительные ссылки, как следует из их названия, построены относительно текущего документа или корня сайта.

Синтаксис

<a href="URL">...</a>
<a name="идентификатор">...</a>

Атрибуты

accesskey — Активация ссылки с помощью комбинации клавиш.       
coords — Устанавливает координаты активной области.
download  — Предлагает скачать указанный по ссылке файл.
href  — Задает адрес документа, на который следует перейти.
hreflang  — Идентифицирует язык текста по ссылке.
name  — Устанавливает имя якоря внутри документа.
rel  — Отношения между ссылаемым и текущим документами.
rev  — Отношения между текущим и ссылаемым документами.
shape  — Задает форму активной области ссылки для изображений.
tabindex  — Определяет последовательность перехода между ссылками при нажатии на кнопку Tab.
target  — Имя окна или фрейма, куда браузер будет загружать документ.
title  — Добавляет всплывающую подсказку к тексту ссылки.
type  — Указывает MIME-тип документа, на который ведёт ссылка.

Также для этого тега доступны универсальные атрибуты и события.

Закрывающий тег

Обязателен.

Пример

<!DOCTYPE HTML>
<html>
 <head>
   <meta charset="utf-8">
  <title>Тег А</title>
 </head>
 <body>
  <p><a href="images/xxx.jpg">Посмотрите на мою фотографию!</a></p>
  <p><a href="tip.html">Как сделать такое же фото?</a></p> 
</body>
</html>