35. Что такое и как создать ссылки в HTML
Подписывайся на наш Telegram-канал!
Новости, полезный материал,
программирование и ИБ
В предыдущих уроках мы изучали разметку текста в HTML. В этом уроке начнем знакомство с ссылками.
Благодаря ссылкам и существует интернет, все сайты связаны между собой паутиной (всемирная паутина). Ссылка – это объект, с помощью которого мы можем переходить от одной страницы к другой. Ссылки могут вести на любой файл, и неважно где он находится, главное чтобы он был доступен.
Чтобы указать ссылку, нужно использовать тег <a>
и атрибут href
(путь до файла). Текст между <a> ... </a>
, обычно подчеркнутый и синего цвета, а так же этот текст называют – анкор. Далее пример:
<a href = "https://codebra.ru/index.html">codebra.ru</a>
<a href = "/index.html">Файл index.html</a>
Первая ссылка является абсолютной. В абсолютной ссылке указывается ресурс целиком. Обычно это сторонний ресурс. А вот вторая ссылка является относительной. Например, если вы находитесь на странице https://codebra.ru/dir1/dir2
, то следующая ссылка:
<a href = "index.html">Файл index.html</a>
Приведет на следующий адрес: https://codebra.ru/dir1/dir2/index.html
. Кстати, с «относительностью» мы встречались ранее. Поправим ссылку:
<a href = "/index.html">Файл index.html</a>
Куда она приведет? Из-за слеша /
она будет относительно корня сайта: https://codebra.ru/index.html
. Теперь сделаем относительную ссылку на папку выше текущей:
<a href = "../index.html">Файл index.html</a>
Кликнув по ней вы перейдете по адресу https://codebra.ru/dir1/index.html
.
Если вы указали ссылку на отсутствующий файл, то сервер вернет ошибку. Такие ссылки называют – битыми.
Обязательно потренируйтесь в написании различных относительных ссылок и переходите к следующему уроку, в котором научимся делать ссылку на определенную часть документа (якорь).
Похожие уроки Codebra
Подписывайся на наш Telegram-канал!
Новости, полезный материал,
программирование и ИБ
- Напишите ссылку с адресом
http://codebra.ru
- Напишите ссылку с адресом
/hello.html
– Не пропускайте новостей, подпишитесь на нашу страницу ВКонтакте, Telegram.
– На данный момент на сайте нет возможности оставлять комментарии, но Вы можете спросить в нашей Telegram-группе.
Это займет не больше минуты.