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