Тег A
Описание
Тег <A> является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия параметров name или href тег <A> устанавливает ссылку или якорь. Якорем называется закладка внутри страницы, которую можно указать в качестве цели ссылки. При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри веб-страницы.
Для создания ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. В качестве значения параметра href используется адрес документа (URL, Universal Resource Locator, универсальный указатель ресурсов), на который происходит переход. Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всюду независимо от имени сайта или веб-страницы, где прописана ссылка. Относительные ссылки, как следует из их названия, построены относительно текущего документа или корня сайта.
Синтаксис
<a name="идентификатор">...</a>
Параметры
- href
- Задает адрес документа, на который следует перейти.
- name
- Устанавливает имя якоря внутри документа.
- target
- Имя окна или фрейма, куда браузер будет загружать документ.
- title
- Добавляет всплывающую подсказку к тексту ссылки.
Закрывающий тег
Обязателен.
Пример 1. Использование тега <A>
<html>
<body>
<a href="images/xxx.jpg">Посмотрите на мою фотографию!</a><br>
<a href="tip.html">Как сделать такое же фото?</a>
</html>
Описание параметров тега <A>
Параметр HREF
Описание
Задает адрес документа, на который следует перейти. Поскольку в качестве адреса ссылки может использоваться документ любого типа, то результат перехода по ссылке зависит от конечного файла. Так, архивы (файлы с расширением zip или rar) будут сохраняться на локальный диск. По умолчанию новый документ загружается в текущее окно браузера, однако это свойство можно изменить с помощью параметра target.
Синтаксис
Обязательный параметр
Обязателен для ссылок.
Аргументы
В качестве значения принимается полный или относительный путь к файлу.
Значение по умолчанию
Нет.
Пример 2. Использование параметра href
<html>
<body>
<a href="../wormik/knob.html">Относительная ссылка</a><br>
<a href="http://www.htmlbook.ru/wormik/knob.html">Абсолютная ссылка</a><br>
</body>
</html>
Параметр NAME
Описание
Параметр name используется для определения якоря внутри страницы. Вначале следует задать в соответствующем месте закладку и установить ее имя при помощи параметра name тега <А>. Имя ссылки на закладку начинается символом #, после чего идет название закладки. Название выбирается любое, соответствующее тематике. Можно также делать ссылку на закладку, находящуюся в другой веб-странице и даже другом сайте. Для этого в адресе ссылки надлежит указать ее адрес и в конце добавить символ решетки # и имя закладки.
Между тегами <a name=...> и </a> текст писать не обязательно, так как требуется лишь указать местоположение перехода по ссылке.
Синтаксис
<a name="закладка">...</a>
Обязательный параметр
Обязателен для якорей.
Аргументы
Любой текст с учетом регистра.
Значение по умолчанию
Нет.
Пример 3. Создание якоря с помощью параметра name
<html>
<body>
<a name="top"></a>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
<a href="#top">Наверх</a>
</body></html>
Параметр TARGET
Описание
По умолчанию, при переходе по ссылке документ открывается в текущем окне или фрейме. При необходимости, это условие может быть изменено параметром target тега <А>.
Синтаксис
<a target="имя окна">...</a>
Обязательный параметр
Нет.
Аргументы
В качестве аргумента используется имя окна или фрейма, заданное параметром name. Если установлено несуществующее имя, то будет открыто новое окно. В качестве зарезервированных имен используются следующие.
- _blank
- Загружает страницу в новое окно браузера.
- _self
- Загружает страницу в текущее окно.
- _parent
- Загружает страницу во фрейм-родитель, если фреймов нет, то этот параметр работает как _self.
- _top
- Отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов нет, то этот параметр работает как _self.
Значение по умолчанию
_self
Пример 4. Открытие ссылки в новом окне
<html>
<body>
<a href="new.html" target="_blank">Открыть в новом окне</a>
</body></html>
Параметр TITLE
Описание
Добавляет поясняющий текст к ссылке в виде всплывающей подсказки. Такая подсказка отображается, когда курсор мыши задерживается на ссылке.
Синтаксис
<a title="текст">...</a>
Обязательный параметр
Нет.
Аргументы
Любая текстовая строка. Строка должна заключаться в двойные или одинарные кавычки.
Значение по умолчанию
Нет.
Пример 4. Создание всплывающей подсказки
<html>
<body>
<a href="zoo.html" title="Рисунки различных животных и не только...">Рисунки</a>
</body></html>