HTML-тег `a`

Откройте для себя основы работы с HTMLaтег для создания ссылок

Ссылки определяются с помощьюaтег. Назначение ссылки устанавливается через ееhrefатрибут.

Пример:

<a href="https://flaviocopes.com">click here</a>

Между начальным и закрывающим тегами находится текст ссылки.

Приведенный выше пример является абсолютным URL-адресом. Ссылки также работают с относительными URL-адресами:

<a href="/test">click here</a>

В этом случае при переходе по ссылке пользователь перемещается в/testURL-адрес текущего источника.

Будьте осторожны с/персонаж. Если он опущен, вместо того, чтобы начинать с начала, браузер просто добавитtestстрока к текущему URL-адресу.

Пример, я на страницеhttps://flaviocopes.com/axios/и у меня есть эти ссылки:

  • /testодин раз щелкнул, и я попал вhttps://flaviocopes.com/test
  • testодин раз щелкнул, и я попал вhttps://flaviocopes.com/axios/test

Теги ссылок могут включать в себя другие элементы, а не только текст. Например, изображения:

<a href="https://flaviocopes.com">
	<img src="test.jpg">
</a>

или любые другие элементы, кроме других<a>теги.

Если вы хотите открыть ссылку в новой вкладке, вы можете использоватьtargetатрибут:

<a href="https://flaviocopes.com" target="_blank">open in new tab</a>

Скачать мою бесплатнуюСправочник по HTML


Дополнительные руководства по HTML: