ОписаниеТег <A> является самым необходимым элементом, без которого Интернет просто немыслим. Данный тег используется для создания и использования гипертекстовых ссылок. В зависимости от заданных параметров name или href тег <A> задает ссылку или якорь соответственно. Якорем - это закладка внутри страницы, которая задается в качестве "мишени" ссылки. При открытии ссылки, которая указывает на якорь, происходит переход к закладке внутри данной web-страницы. Что бы задать ссылку, необходимо указать браузеру, что является ссылкой, а также указать адрес документа, на который нужно перейти. Значением параметра href, как правило, выступает адрес URL (Universal Resource Locator – универсальный указатель ресурсов), на который происходит переход. Адрес ссылки может быть задан как абсолютным, так и относительным. Абсолютные адреса открываются независимо от текущей страницы сайта,. а относительные ссылки, как следует из их названия, построены относительно текущего документа или корня сайта. Синтаксис<a href="URL">......</a>
<a name="идентификатор">......</a> Параметры
Закрывающий тегОбязателен. Пример 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
ОписаниеЗадает адрес документа, который браузеру должен открыть. Так как в качестве адреса ссылки может быть задана 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
ОписаниеПараметр 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
ОписаниеПри переходе по ссылке, по умолчанию, документ открывается в текущем окне или фрейме. При необходимости, данное условие может быть изменено параметром target тега <А>. В XHTML применение этого параметра запрещено. Синтаксис<a target="имя окна">...</a>
Обязательный параметрНет. АргументыВ качестве аргумента используется имя окна или фрейма, заданное параметром name. Если задано несуществующее имя, то будет открыто новое окно. В качестве зарезервированных имен используются следующие.
Значение по умолчанию_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
ОписаниеДобавляет поясняющий текст к ссылке в виде всплывающей подсказки. Такая подсказка отображается, когда курсор мыши задерживается на ссылке. Синтаксис<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> | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Просмотров: 261
| Теги: |
Всего комментариев: 0 | |