Тег HTML <a> предназначен для создания гиперссылок. С помощью гиперссылок документы, находящиеся на разных компьютерах, сайтах можно связать в одном документе. И переход от одного документа к другому будет осуществлен мгновенно. Тег <A> парный тег. То есть, для использования ссылки обязательно необходим открывающий <A> и закрывающий </A>тег.
Тег содержит атрибуты либо name либо href.
Атрибуты тега <A>

  • name атрибут задает имя элемента для перехода по якорным ссылкам, как во внешнем так и во внутреннем документе.
  • href задает URL адрес, на который перейдет пользователь, нажав по соответствующей ссылке. Может указывать на внешний и внутренний документ

Между тегами <a>...</a> можно заключать любой текст, слово, символы или буквы в слове (текстовые ссылки). Графические объекты - рисунки, фотографии, добавляемые с помощью тега IMG а также отдельные области внутри рисунка (графические ссылки). При указании ссылки перед URL адресом обязательно указывается протокол соединения http://.

  • target -определяет действия с ссылкой при нажатии на неё.

По умолчанию ссылка открывается в текущем окне браузера, следовательно перейдя по ссылке с вашего ресурса на сторонний сайт, пользователь покидает ваш ресурс. Чтобы удержать пользователя на своем сайте, в атрибуте target пропишите одно из следующих значений

_blank ссылка открывается в новом окне браузера
_self откроется в текущей рамке
_parent откроется в рамке предыдущего уровня
_top в текущем окне браузера (по умолчанию)
  • title - Всплывающая подсказка. При наведении мышки на ссылку появляется текст, введенный в атрибуте title

Cсылки на разделы внутри документа (якорные ссылки)

Для того, чтобы перейти на страницу в нужное место документа, такой текст выделяют ссылкой с атрибутом Name (якорные ссылки)
Например, мы задаем якорную ссылку для документа category html.html.

.........текст до якорной ссылки.........
<a name ='zacladka'>сама якорная ссылка</a>
...............текст после якорной ссылки.............

Между тегами <a></a> расположен текст, который и будет той самой якорной ссылкой. Для ссылки обязательно указывать имя. В нашем случае имя - zacladka. Теперь создадим ссылку на эту закладку.Перед именем закладки ставим символ #.

<a href="#zacladka">ведет на якорную ссылку</a>.

Примеров таких ссылок может быть несколько
* Абсолютный URI: http://www.wphello.ru/cat.html#zacladka
* Относительный URI: ./cat.html#zakladka или cat.html#zacladka
* Если ссылка находится в том же документе: #zacladka
При нажатии на такую ссылку не будет перехода на новую страницу, а текст прокрутится до указанной закладки. Имена закладок на странице не должны повторяться.

Тег <a> команда mailto

Для вызова почтовой программы используется командное слово - mailto. <a href="mailto:your@email".

Пример
<a href="mailto:wphello@mail.ru">Пишите мне</a>

Синтаксис якорных имен
- Имена якорей не должны повторяться в пределах одного документа. Имена якорей в одном документе не могут отличаться только регистром.
- Имена якорей в ссылке и фрагменте должны полностью совпадать (с учетом регистра).

Неправильный пример
<P><A name="xxx">...</A>
<P><A name="XXX">...</A>

Все cсылки по умолчанию выделяются синим цветом и подчеркиванием. Ссылка меняет цвет на фиолетовый после нажатия на неё (после посещения).

Примеры с тегом <A>