Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Все теги A-Z.doc
Скачиваний:
1
Добавлен:
20.08.2019
Размер:
1.53 Mб
Скачать

Тег A

Описание

Тег <A> является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия параметров name или href тег <A> устанавливает ссылку или якорь. Якорем называется закладка внутри страницы, которую можно указать в качестве цели ссылки. При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри веб-страницы.

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

Синтаксис

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

Параметры

href

Задает адрес документа, на который следует перейти.

name

Устанавливает имя якоря внутри документа.

target

Имя окна или фрейма, куда браузер будет загружать документ.

title

Добавляет всплывающую подсказку к тексту ссылки.

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

Обязателен.

Пример 1. Использование тега <A>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body>

<a href="images/xxx.jpg">Посмотрите на мою фотографию!</a><br> <a href="tip.html">Как сделать такое же фото?</a>

</body> </html>

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

Параметр HREF

Описание

Задает адрес документа, на который следует перейти. Поскольку в качестве адреса ссылки может использоваться документ любого типа, то результат перехода по ссылке зависит от конечного файла. Так, архивы (файлы с расширением zip или rar) будут сохраняться на локальный диск. По умолчанию новый документ загружается в текущее окно браузера, однако это свойство можно изменить с помощью параметра target.

Синтаксис

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

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

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

Аргументы

В качестве значения принимается полный или относительный путь к файлу.

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

Нет.

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <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. Открытие ссылки в новом окне

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body>

<a href="new.html" target="_blank">Открыть в новом окне</a>

</body> </html>

Параметр TITLE

Описание

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

Синтаксис

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

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

Нет.

Аргументы

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

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

Нет.

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body>

<a href="zoo.html" title="Рисунки различных животных и не только...">Рисунки</a>

</body> </html>

Тег ABBR

Описание

Тег <ABBR> указывает, что последовательность символов является аббревиатурой. С помощью параметра title дается расшифровка сокращения, что позволяет понимать аббревиатуру тем людям, которые с ней не знакомы. Кроме того, поисковые системы индексируют полнотекстовый вариант сокращения, что может использоваться для повышения рейтинга документа.

Синтаксис

<abbr>Текст</abbr>

Параметры

title

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

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

Обязателен.

Пример 1. Добавление аббревиатуры на веб-страницу

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style type="text/css"> ABBR {   border-bottom: 1px dashed red; /* Пунктирное подчеркивание текста аббревиатуры */   color: navy /* Цвет текста */ } </style> </head> <body> <p><abbr title="Common Gateway Interface, общий шлюзовый интерфейс">CGI</abbr> обозначается протокол, с помощью которого любые внешние программы взаимодействуют с веб-сервером. С помощью CGI на сервере можно выполнять программы на любом языке программирования и результат их действия выводить в виде веб-страницы.</p> </body> </html>

Результат данного примера показан ниже.

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

Замечание

Браузер Internet Explorer 6 не поддерживает тег <ABBR>, взамен рекомендуется использовать тег ACRONYM.

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

Параметр TITLE

Описание

Расширенное описание элемента. Оно отображается на веб-странице в виде всплывающей подсказки при наведении курсора мыши на аббревиатуру.

Синтаксис

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

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

Нет.

Аргументы

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

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

Нет.

Copyright © 2002–2007 Влад Мержевич, по всем вопросам пишите по адресу vlad@htmlbook.ru

О сайте | Планы на будущее | Использование сайта | Борьба с ошибками

Тег ACRONYM

Описание

Элемент <ACRONYM> указывает, на то, что текст является акронимом. В отличие от аббревиатуры, акроним — это устоявшееся сокращение, которое применяется как самостоятельное слово. К акронимам, например, можно отнести следующие слова: СПИД, ликбез, замполит, США, DOS и т.д.

Синтаксис

<acronym>Текст</acronym>

Параметры

title

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

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

Обязателен.

Пример 1. Использование тега <ACRONYM>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style type="text/css"> ACRONYM { border-bottom: 1px dashed blue; /* Подчеркивание текста */ color: maroon /* Цвет текста */ } </style> </head> <body> <p>Популярность языка JavaScript порождена его широкими возможностями по взаимодействию с элементами веб-страницы через <acronym title="Document Object Model, Объектная модель документа">DOM</acronym>.</p> </body> </html>

Результат данного примера показан ниже.

Популярность языка JavaScript порождена его широкими возможностями по взаимодействию с элементами веб-страницы через DOM.

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

Параметр TITLE

Описание

Расширенное описание элемента. Оно отображается на веб-странице в виде всплывающей подсказки при наведении курсора мыши на акроним.

Синтаксис

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

Аргументы

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

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

Нет.

Тег ADDRESS

Описание

Тег <ADDRESS> предназначен для хранения информации об авторе и может включать в себя любые элементы HTML вроде ссылок, текста, выделений и т.д. Планируется, что поисковые системы будут анализировать содержимое этого тега для сбора информации об авторах сайтов.

По умолчанию текст внутри контейнера <ADDRESS> отображается курсивным начертанием. Если эта особенность не требуется, используйте стили для изменения начертания шрифта, как показано в примере.