Тег a в HTML

Что делает тег <a> в HTML?

Тег <a> или анкорный тег — это элемент, используемый для создания гиперссылки на другую веб-страницу или на местоположение закладки на той же веб-странице.

Тег <a> как якорная ссылка

Якорная гиперссылка, созданная атрибутом привязки href, может применятся к тексту, изображению или другому содержимому HTML, вложенному в тег <a>, с указанием места привязки посредством атрибута name.

<html>
 <head>
 <title>Тег a в HTML</title>
 </head>
 <body>
<a href="#1">Тег a якорная ссылка</a>
<a href="#2">Тег a обычная ссылка</a>
 <a name="1"></a>
<h2>Тег <a> как якорная ссылка</h2>
 текст абзаца
 <a name="2"></a>
<h2>Тег <a> как обычная ссылка</h2>
 текст абзаца
</body>
</html>
как использовать тег a в качестве якорной ссылки

Тег <a> как обычная ссылка

Обычная гиперссылка, применяемая к атрибуту href, использует адрес документа URL, которая указывает на связанный документ,  ресурс, местоположение для перехода.

<html>
<head>
<title>Тег a в HTML</title>
</head>
<body>
<a href="https://domhtml.ru/">Загляните на наш сайт</a>
<h2>Тег <a> как якорная ссылка</h2>
текст абзаца
<h2>Тег <a> как обычная ссылка</h2>
текст абзаца
</body>
</html>
как использовать тег a в качестве обычной ссылки

Атрибуты, применяемые к тегу <a>

АтрибутыЗначенияПримечания
hreflang определяет язык текста по ссылке
download указывает браузеру скачать заданный файл, а не открывать его
targetblanc

 

parent

top

self

frame name

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

Как выходит из вышеперечисленного, адреса гиперссылок могут быть относительными и абсолютными. Относительные (якорные) гиперссылки работают внутри текущей страницы или сайта. Абсолютные (обычные) ссылки позволяют переходить на любые адреса, которые прописываются между открывающим и закрывающим тегами <a>.

Оставьте комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *