English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
HTML использует гиперссылки для подключения к другому документу в сети. Ссылки можно найти почти на всех веб-страницах. Нажав на ссылку, можно перейти с одной страницы на другую.
Гиперссылки HTML Как создать гиперссылку в документе HTML.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Основной учебник (oldtoolbag.com)</title> </head> <body> <p> <a href="/index.html">Этот текст</a> — это ссылка на страницу на этом сайте.</p> <p><a href="https://www.baidu.com/">Бaidu</a> — это ссылка на страницу в Веб-сети.</p> </body> </html>Проверьте это ‹/›
HTML использует тег <a> для создания гипертекстовых ссылок.
Ссылка может быть одним словом, словом или группой слов, а также изображением, на которое можно нажать, чтобы перейти к новому документу или к определенной части текущего документа.
Когда вы移动 курсор мыши к ссылке на странице, стрелка изменяется на маленькую руку.
В теге <a> используется атрибут href для описания адреса ссылки.
По умолчанию, ссылки будут отображаться в браузере следующим образом:
Не посещенная ссылка отображается голубым шрифтом с подчеркиванием.
Просмотренные ссылки отображаются фиолетовым с подчеркиванием.
Когда вы нажимаете на ссылку, она отображается красным с подчеркиванием.
Внимание: если для этих ссылок установлены стили CSS, отображаемый стиль будет зависеть от настроек CSS.
Код HTML для ссылки очень прост. Он похож на это:
<a href="https://ru.oldtoolbag.com">Сайт базового учебника</a>
Атрибут href описывает целевую ссылку.
<a href="https://ru.oldtoolbag.com/">Перейти на сайт базового учебника</a>
Следующая строка будет отображаться так:Перейти к базовому учебнику
Нажатие на эту ссылку приведет пользователя к主页у базового учебника.
Совет: "Текст ссылки" не обязательно должен быть текстом. Изображения или другие элементы HTML также могут быть ссылкой.
Используя атрибут target, вы можете определить, где будет отображаться документ, на который указывает ссылка.
Следующая строка откроет документ в новом окне:
<a href="https://ru.oldtoolbag.com/" target="_blank">Перейти к базовому учебнику!</a>Проверьте это ‹/›
Атрибут id можно использовать для создания закладки в документе HTML.
Совет: Закладки не отображаются в любом особом виде, они не отображаются в документе HTML, поэтому они скрыты для читателей.
Вставьте ID в документ HTML:
<a id="tips">Полезные советы</a>
Создайте ссылку на "полезные советы (id="tips"" в документе HTML:
<a href="#tips">Перейти к полезным советам</a>
Или создайте ссылку на "полезные советы (id="tips"" на другой странице:
<a href="https://ru.oldtoolbag.com/html/html-links.html#tips"> Перейти к разделу полезных советов</a>
Комментарий: Всегда добавляйте обратную косую черту в подкаталоги. Если ссылка написана так: href="https://ru.oldtoolbag.com/html", сервер произведет два HTTP-запроса. Это происходит потому, что сервер добавляет обратную косую черту к этому адресу и создает новый запрос, как это: href="https://ru.oldtoolbag.com/html/".
Ссылки на изображения Этот пример демонстрирует, как использовать ссылки на изображения.
Ссылка на указанное место на текущей странице Этот пример демонстрирует, как использовать закладки
Выйти из рамки Этот пример демонстрирует, как выйти из рамки, если ваша страница застряла в рамке.
Создание ссылки на электронную почту Этот пример демонстрирует, как создать ссылку на электронную почту. (Этот пример работает только после установки программы почтового клиента.)
Создание почтовой ссылки 2 Этот пример демонстрирует более сложные почтовые ссылки.
| Тег | Описание |
| <a> | Определить суперссылку |