HTML - коды ссылок

Коды ссылок HTML могут быть следующими:

Текстовая ссылка

<a href="link/html-text-link.htm"/Text Link</a/

Ссылка на ту же страницу

Код якорной ссылки:

<a href="#generator"/Link code generator</a/

При нажатии на ссылку браузер перейдет к заголовку ниже с таким кодом:

<h2/<a id="generator"/Link code generator</a/</h2/

Ссылка на изображение

<a href="link/link-image.htm"/<img src="link/flower.jpg" width="82" height="86" alt="Flower"/</a>

Электронная почта ссылка

<a href="mailto:name@RT">Send Mail</a>

Ссылка на скачивание файла

<a href="link/test_file.zip">Download File</a>

Ссылка откроется в новом окне

Чтобы открыть ссылку в новом окне / вкладке, добавьте target = "_ blank" внутри тега <a/:

<a href="../html-link.htm" target="_blank"/здесь можно вставить нужный текст</a/

Цвет ссылки

Изменение цвета ссылки выполняется с помощью стиля css:

<a href="link/html-link-color.htm" style="color:red">Link color page</a>

Изменение цвета фона ссылки выполняется с помощью стиля css:

<a href="link/html-link-color.htm" style="background-color:#ffffa0">Link color page</a>

Относительные и абсолютные ссылки пути

Это ссылка с относительным URL-адресом:

<a href="link/html-text-link.htm">Text Link</a>

Это ссылка с абсолютным URL-адресом пути:

<a href="https://www.rapidtables.org/web/html/link/html-text-link.htm">Text Link</a>