Логотип schoolsw3.com
Учебники Справочники Упражнения КАК? Меню
ЯМаркет
Редактор Поддержка Форум

×
Учебники
Справочники
Упражнения
Пожертвовать Обновление Реклама Видео Магазин

HTML Справочник

HTML Теги по алфавиту HTML Теги по категориям HTML Поддержка браузера HTML Атрибуты тегов HTML Глобальные атрибуты HTML События атрибутов HTML Название цвета HTML Canvas HTML Аудио/видео HTML Наборы символов HTML Типы документов HTML URL Кодировка HTML Код языка HTML Код страны HTTP Сообщения ошибок HTTP Методы GET/POST HTML Конвертер PX в EM HTML Комбинация клавиш

HTML Теги

Тег <!--Комментарий--> Тег <!DOCTYPE> Тег <a> Тег <abbr> Тег <acronym> Тег <address> Тег <applet> Тег <area> Тег <article> Тег <aside> Тег <audio> Тег <b> Тег <base> Тег <basefont> Тег <bdi> Тег <bdo> Тег <big> Тег <blockquote> Тег <body> Тег <br> Тег <button> Тег <canvas> Тег <caption> Тег <center> Тег <cite> Тег <code> Тег <col> Тег <colgroup> Тег <data> Тег <datalist> Тег <dd> Тег <del> Тег <details> Тег <dfn> Тег <dialog> Тег <dir> Тег <div> Тег <dl> Тег <dt> Тег <em> Тег <embed> Тег <fieldset> Тег <figcaption> Тег <figure> Тег <font> Тег <footer> Тег <form> Тег <frame> Тег <frameset> Тег <h1> - <h6> Тег <head> Тег <header> Тег <hr> Тег <html> Тег <i> Тег <iframe> Тег <img> Тег <input> Тег <ins> Тег <kbd> Тег <label> Тег <legend> Тег <li> Тег <link> Тег <main> Тег <map> Тег <mark> Тег <meta> Тег <meter> Тег <nav> Тег <noframes> Тег <noscript> Тег <object> Тег <ol> Тег <optgroup> Тег <option> Тег <output> Тег <p> Тег <param> Тег <picture> Тег <pre> Тег <progress> Тег <q> Тег <rp> Тег <rt> Тег <ruby> Тег <s> Тег <samp> Тег <script> Тег <section> Тег <select> Тег <small> Тег <source> Тег <span> Тег <strike> Тег <strong> Тег <style> Тег <sub> Тег <summary> Тег <sup> Тег <svg> Тег <table> Тег <tbody> Тег <td> Тег <template> Тег <textarea> Тег <tfoot> Тег <th> Тег <thead> Тег <time> Тег <title> Тег <tr> Тег <track> Тег <tt> Тег <u> Тег <ul> Тег <var> Тег <video> Тег <wbr>


HTML Тег <a>



Пример
<a href="https://www.schoolsw3.com">Ссылка Schoolsw3.com!</a>
Попробуйте сами »


Определение: Тег <a>

Тег <a> определяет гиперссылку, которая используется для перехода с одной страницы на другую.

Самый важный атрибут элемента <a> является атрибут href, который указывает назначение ссылки.

По умолчанию во всех браузерах ссылки будут отображаться следующим образом:

  • Незапрашиваемая ссылка подчеркнута и синяя
  • Посещенная ссылка подчеркнута и фиолетовая
  • Активная ссылка подчеркнута и красная

Примечания: Тег <a>

Примечание: Следующие атрибуты: download, hreflang, media, rel, target, и type не могут быть, если нет атрибута href.

Примечание: Связанная страница обычно отображается в текущем окне браузера, если не указан другой целевой атрибут target.

Примечание: Использовать CSS для ссылок стилей: Учебник CSS Ссылки и Учебник CSS Кнопки


Поддержка: Тег <a>

Элемент
<a> Да Да Да Да Да

Атрибуты: Тег <a>

Атрибут Значение Описание
download filename Указывает, что целевой объект будет загружен, когда пользователь нажмет на гиперссылку
href URL Указывает URL адрес страницы, на которую переходит ссылка
hreflang language_code Указывает язык связанного документа
media media_query Указывает, для какого носителя/устройства оптимизирован связанный документ
ping list_of_URLs Задает разделенный пробелом список URL адресов, на которые при переходе по ссылке пост запросы с телом ping будут отправляться браузером (в фоновом режиме). Обычно используется для отслеживания.
referrerpolicy no-referrer
no-referrer-when-downgrade
origin
origin-when-cross-origin
unsafe-url
Указывает, какие ссылки следует отправить
rel alternate
author
bookmark
external
help
license
next
nofollow
noreferrer
noopener
prev
search
tag
Указывает связь между текущим документом и связанным документом
target _blank
_parent
_self
_top
Указывает, где открыть связанный документ
type media_type Указывает тип носителя связанного документа

Глобальные атрибуты: Тег <a>

Тег <a> также поддерживает Глобальные атрибуты в HTML.


События атрибутов: Тег <a>

Тег <a> также поддерживает События атрибутов в HTML.


Примеры: Тег <a>

Примеры

Как использовать изображение в качестве ссылки:

<a href="https://www.schoolsw3.com">
 <img border="0" alt="Schoolsw3" src="logo_w3s.gif" width="100" height="100">
</a>
Попробуйте сами »
Пример

Как открыть ссылку в новом окне браузера:

<a href="https://www.schoolsw3.com" target="_blank">Посетить Schoolsw3.com!</a>
Попробуйте сами »
Пример

Как перейти по ссылке на адрес электронной почты:

<a href="mailto:someone@example.com">Отправить на почту</a>
Попробуйте сами »
Пример

Как привязать к номеру телефона:

<a href="tel:+4733378901">+47 333 78 901</a>
Попробуйте сами »
Пример

Как перейти по ссылке на другой раздел на той же странице:

<a href="#section2">Перейти к разделу2</a>
Попробуйте сами »
Пример

Как создать ссылку на JavaScript:

<a href="javascript:alert('Привет Мир!');">Выполнить JavaScript</a>
Попробуйте сами »

Связанные страницы: Тег <a>

HTML Учебник: HTML Ссылок

HTML DOM справочник: Объект anchor

CSS Учебник: Стили ссылок


CSS по умолчанию: Тег <a>

Большинство браузеров будут отображать элемент <a> со следующими значениями по умолчанию:

a:link, a:visited {
  color: (internal value);
  text-decoration: underline;
  cursor: auto;
}

a:link:active, a:visited:active {
  color: (internal value);
}