! Сегодня

Главная » HTML справочник » HTML тег ссылки

HTML тег ссылки

Какой бы сильной ни была женщина, она ждет мужчину сильнее себя и не для того, чтобы он ограничивал ей свободу, а для того, чтобы он дал ей право быть слабой.

26-октября-2023, 21:44   9   0

HTML тег ссылки

Всем привет продолжаем не лёгкое дело по наполнению сайта. Сегодня мы поговорим о ссылках в HTML. Постараюсь объяснять просто и доходчиво . Поехали , начнем с примера как выглядит сама ссылка в html.

Пример ссылки в HTML

<a href="https://lenger.kz/">Посетите веб справочник</a>


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

Элемент <a> (в переводе с англ. anchor — якорь) предназначен для создания ссылок, которая используется для связи одной страницы с другой. Самым важным атрибутом элемента  <a> является  атрибут href, указывающий место назначения ссылки. Адрес ссылки может быть абсолютным и относительным. Абсолютные ссылки - это те адреса которые указывают на полный путь к файлу, документу , картинке.

https://lenger.kz/

Относительные ссылки - это те адреса которые построены относительно корня сайта.

/html

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

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

Соответственно оформление ссылок можно переопределить с помощью CSS.


Настройки CSS по умолчанию

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

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

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


Атрибуты элемента  <a>

АтрибутыЗначенияОписание
downloadfilenameПредлагает скачать указанный по ссылке файл
hrefURLЗадаёт адрес документа
hreflanglanguage_codeИдентифицирует язык текста по ссылке
mediamedia_queryУказывает, для какого носителя / устройства оптимизирован связанный документ.
pinglist_of_URLsОпределяет разделенный пробелами список URL-адресов, на которые при переходе по ссылке браузером (в фоновом режиме) будут отправляться запросы на публикацию с основным пингом. Обычно используется для отслеживания.
referrerpolicyno-referrer
no-referrer-when-downgrade
origin
origin-when-cross-origin
same-origin
strict-origin-when-cross-origin
unsafe-url
Указывает, какую информацию о реферере следует отправить со ссылкой
relalternate
author
bookmark
external
help
license
next
nofollow
noreferrer
noopener
prev
search
tag
Определяет связь между текущим документом и связанным документом
target_blank
_parent
_self
_top
Указывает, где открыть связанный документ
typemedia_typeУказывает MIME-тип документа, на который ведёт ссылка


Примеры

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

<a href="https://lenger.kz/">
<img border="0"  src="путь к картинке" width="100" height="100">
</a>


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

<a href="https://lenger.kz/" target="_blank">Посетите наш ресурс</a>


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

<a href="mailto:someone@example.com">Отправить email</a>


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

<a href="tel:+4733378901">+47 333 78 901</a>


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

<a href="#section2">Go to Section 2</a>


Как сделать ссылку на jаvascript: 

<a href="jаvascript:alert('Hello World!');">Execute jаvascript</a>


Поделиться

Tags

  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent
Имя Гагарина ?

Редакторы выбирают

HTML справочник