HTML тег ссылки <a>

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

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

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

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

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

https://for-web.ru/

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

/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 href="https://for-web.ru/">
<img border="0"  src="путь к картинке" width="100" height="100">
</a>

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

<a href="https://for-web.ru" 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>

Наличие закрывающегося тега Да

Поддержка глобальных атрибутов Да

Поддержка Атрибутов событий Да

Поддержка браузерами
элемент
<a>	Да	Да	Да	Да	Да