Litra Library
Главная » Статьи » WEB » Тэги HTML
А
Браузер Internet Explorer Firefox Mozilla Opera Netscape Safari
Версия 5.5 6.0 7.0 1.0 2.0 1.7 7.0 8.0 9.0 6.0 7.0 8.0 1.0
Поддержка Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается
HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Тег <A> является самым необходимым элементом, без которого Интернет просто немыслим. Данный тег используется для создания и использования гипертекстовых ссылок.

В зависимости от заданных параметров name или href тег <A> задает ссылку или якорь соответственно.

Якорем - это закладка внутри страницы, которая задается в качестве "мишени" ссылки. При открытии ссылки, которая указывает на якорь, происходит переход к закладке внутри данной web-страницы.

Что бы задать ссылку, необходимо указать браузеру, что является ссылкой, а также указать адрес документа, на который нужно перейти. Значением параметра href, как правило, выступает адрес URL (Universal Resource Locator – универсальный указатель ресурсов), на который происходит переход.

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

Синтаксис

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

Параметры

href Адрес страницы, на который нужно перейти.
name Имя якоря внутри страницы
target Имя окна или фрейма, в котором браузер должен загрузить web-страницу.
title Всплывающая подсказка при наведении мыши на ссылку.

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

Обязателен.

Пример 1. Применение тега <A>

Валидный код<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример тега А</title>
</head>
<body>

<p><a href="/images/winter1.jpg">На фотографии мой сынишка!</a></p>
</body>
</html>

Описание параметров тега <A>

Параметр HREF

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Задает адрес документа, который браузеру должен открыть. Так как в качестве адреса ссылки может быть задана web-страницв любого типа, то результат перехода по данной ссылке будет зависить от конечной web-страницы. Например, архивы (например, zip) будут сохраняться на локальный диск пользователя. Новый документ по умолчанию загружается в текущее окно браузера, однако данное свойство можно изменить с помощью параметра target.

Синтаксис

<a href="URL">...</a>

Обязательный параметр

Обязателен для ссылок.

Аргументы

Полный или относительный путь к файлу.

Значение по умолчанию

Нет.

Пример 2. Использование параметра href

Валидный код<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример тега А, параметр href</title>
</head>
<body>

<p><a href="../strong/">Относительная ссылка</a></p>
<p><a href="http://htmldoc.ru/html/a/">Абсолютная ссылка</a></p>

</body>
</html>

Параметр NAME

HTML: 3.2 4    XHTML: 1.0 1.1

Описание

Параметр name используется для определения якоря внутри страницы. Вначале необходимо задать в соответствующем месте закладку и задать ее имя при помощи параметра name тега <А>. Имя ссылки на закладку должно начинаться с символа #, после чего идет название закладки. Название задается любое, соответствующее тематике. Можно также делать ссылку на закладку, находящуюся в другой web-странице и даже другом сайте. Для этого в адресе ссылки необходимо указать ее адрес и в конце добавить символ решетки # и имя закладки.

Текст между тегами <a name=...> и </a> может отсутствовать, так как требуется лишь указать местоположение перехода по ссылке.

Синтаксис

<a name="закладка">...</a>

Обязательный параметр

Обязателен для якорей.

Аргументы

Любой текст с учетом регистра.

Значение по умолчанию

Нет.

Пример 3. Создание якоря при помощи параметра name

Валидный код<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример тега А, параметр name</title>
</head>
<body>

<p><a name="top"></a></p>

<p>Как ни старались люди, собравшись в одно небольшое место несколько сот тысяч, изуродовать ту землю, на которой они жались, как ни забивали камнями землю, чтобы ничего не росло на ней, как ни счищали всякую пробивающуюся травку, как ни дымили каменным углем и нефтью, как ни обрезывали деревья и ни выгоняли всех животных и птиц, - весна была весною даже и в городе. Солнце грело, трава, оживая, росла и зеленела везде, где только не соскребли ее, не только на газонах бульваров, но и между плитами камней, и березы, тополи, черемуха распускали свои клейкие и пахучие листья, липы надували лопавшиеся почки; галки, воробьи и голуби по-весеннему радостно готовили уже гнезда, и мухи жужжали у стен, пригретые солнцем. Веселы были и растения, и птицы, и насекомые, и дети. Но люди - большие, взрослые люди - не переставали обманывать и мучать себя и друг друга. Люди считали, что священно и важно не это весеннее утро, не эта красота мира божия, данная для блага всех существ, - красота, располагающая к миру, согласию и любви, а священно и важно то, что они сами выдумали, чтобы властвовать друг над другом.

Так, в конторе губернской тюрьмы считалось священным и важным не то, что всем животным и людям даны умиление и радость весны, а считалось священным и важным то, что накануне получена была за номером с печатью и заголовком бумага о том, чтобы к девяти часам утра были доставлены в нынешний день, 28-го апреля, три содержащиеся в тюрьме подследственные арестанта - две женщины и один мужчина. Одна из этих женщин, как самая важная преступница, должна была быть доставлена отдельно. И вот, на основании этого предписания, 28-го апреля в темный вонючий коридор женского отделения, в восемь часов утра, вошел старший надзиратель. Вслед за ним вошла в коридор женщина с измученным лицом и вьющимися седыми волосами, одетая в кофту с рукавами, обшитыми галунами, и подпоясанную поясом с синим кантом. Это была надзирательница.

(Лев Николаевич Толстой, "Воскресение )</p>

<p><a href="#top">Наверх</a></p>

</body>
</html>

Параметр TARGET

HTML: 3.2 4    XHTML: 1.0 1.1

Описание

При переходе по ссылке, по умолчанию, документ открывается в текущем окне или фрейме. При необходимости, данное условие может быть изменено параметром target тега <А>. В XHTML применение этого параметра запрещено.

Синтаксис

<a target="имя окна">...</a>

Обязательный параметр

Нет.

Аргументы

В качестве аргумента используется имя окна или фрейма, заданное параметром name. Если задано несуществующее имя, то будет открыто новое окно. В качестве зарезервированных имен используются следующие.

_blank Открывает страницу в новое окно браузера.
_self Открывает страницу в текущее окно.
_parent Открывает страницу во фрейм-родитель, если фреймов нет, то данный параметр работает как _self.
_top Отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов нет, то данный параметр работает как _self.

Значение по умолчанию

_self

Пример 4. Открытие ссылки в новом окне

Валидный код<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример тега А, параметр target</title>
</head>
<body>

<p><a href="http://estudia.ru" target="_blank">Открыть в новом окне</a></p>

</body>
</html>

Параметр TITLE

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Добавляет поясняющий текст к ссылке в виде всплывающей подсказки. Такая подсказка отображается, когда курсор мыши задерживается на ссылке.

Синтаксис

<a title="текст">...</a>

Обязательный параметр

Нет.

Аргументы

Любая текстовая строка, заключенная в двойные или одинарные кавычки.

Значение по умолчанию

Нет.

Пример 5. Создание всплывающей подсказки

Валидный код<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример тега А, параметр title</title>
</head>
<body>

<p><a href="http://kran-manip.ru" title="Услуги крана-манипулятора по Москве и области">Услуги крана-манипулятора</a></p>

</body>
</html>
Категория: Тэги HTML | Добавил: expert1 (31.01.2013)
Просмотров: 261 | Теги: тэги html, html | Рейтинг: 0.0/0
Всего комментариев: 0

Проекты

RSS Правила Бесплатный хостинг uCoz Litra Library
^ Наверх ^