САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ
HTMLCSSJAVASCRIPTSQLPYTHONPHPBOOTSTRAPКАКW3.CSSJQUERYJAVAВСЕ УПРАЖНЕНИЯ СПРАВОЧНИКИ

Тег <a> атрибут href

❮ HTML тег <a>

Пример

Атрибут href указывает место назначения ссылки:

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

Определение и использование

Атрибут href указывает URL адрес страницы, на которую переходит ссылка.

Совет: Вы можете использовать href="#top" или href="#" чтобы перейти по ссылке в верхнюю часть текущей страницы!

Если атрибут href отсутствует, тег <a> не является гиперссылкой.

Поддержка браузеров

Атрибут
href Да Да Да Да Да

Синтаксис

<a href="URL">

Значение атрибута

Значение Описание
URL URL адрес ссылки.

Возможное значение:

  • Абсолютный URL адрес - указывает на другой сайт (например, href="http://www.example.com/default.htm")
  • Относительный URL адрес - указывает на файл внутри веб сайта (например, href="default.htm")
  • Ссылка на элемент с указанным идентификатором внутри страницы (например, href="#section2")
  • Другие протоколы (например, https://, ftp://, mailto:, file:, и т.д.)
  • Сценарий (например href="javascript:alert('Пивет');")

Еще примеры

Пример

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

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

❮ HTML тег <a>