Посмотреть все уроки курса
Выбрать другой урок из курса
Поиск по сайту
Теория урока

35. Что такое и как создать ссылки в HTML

@codebra_official
Подписывайся на наш Telegram-канал!
Новости, полезный материал,
программирование и ИБ

В предыдущих уроках мы изучали разметку текста в HTML. В этом уроке начнем знакомство с ссылками.

Благодаря ссылкам и существует интернет, все сайты связаны между собой паутиной (всемирная паутина). Ссылка – это объект, с помощью которого мы можем переходить от одной страницы к другой. Ссылки могут вести на любой файл, и неважно где он находится, главное чтобы он был доступен.

Чтобы указать ссылку, нужно использовать тег <a> и атрибут href (путь до файла). Текст между <a> ... </a>, обычно подчеркнутый и синего цвета, а так же этот текст называют – анкор. Далее пример:

Пример (html)
<a href = "https://codebra.ru/index.html">codebra.ru</a>
<a href = "/index.html">Файл index.html</a> 

Первая ссылка является абсолютной. В абсолютной ссылке указывается ресурс целиком. Обычно это сторонний ресурс. А вот вторая ссылка является относительной. Например, если вы находитесь на странице https://codebra.ru/dir1/dir2, то следующая ссылка:

Пример (html)
<a href = "index.html">Файл index.html</a> 

Приведет на следующий адрес: https://codebra.ru/dir1/dir2/index.html. Кстати, с «относительностью» мы встречались ранее. Поправим ссылку:

Пример (html)
<a href = "/index.html">Файл index.html</a> 

Куда она приведет? Из-за слеша / она будет относительно корня сайта: https://codebra.ru/index.html. Теперь сделаем относительную ссылку на папку выше текущей:

Пример (html)
<a href = "../index.html">Файл index.html</a> 

Кликнув по ней вы перейдете по адресу https://codebra.ru/dir1/index.html.

Если вы указали ссылку на отсутствующий файл, то сервер вернет ошибку. Такие ссылки называют – битыми.

Обязательно потренируйтесь в написании различных относительных ссылок и переходите к следующему уроку, в котором научимся делать ссылку на определенную часть документа (якорь).

Похожие уроки Codebra

@codebra_official
Подписывайся на наш Telegram-канал!
Новости, полезный материал,
программирование и ИБ
Введение в курс по PHPКурс по PHP
Установка Kali Linux на виртуальную машину VMwareЗнакомство и подготовка
Типы данных в PythonЗнакомство с Python
Первое знакомство с PythonЗнакомство с Python
Написание модулей в PythonЗнакомство с Python
Основы написания классов в PythonЗнакомство с Python
Курс по пентесту сетей под управлением Active DirectoryЗнакомство и подготовка
Внутреннее устройство и сортировка словаря в PythonЗнакомство с Python
Анонимные функции (выражения lambda)Знакомство с Python
Впервые на сайте Codebra?

Извините за это всплывающее окно, меня они тоже раздражают.

Образовательный ресурс codebra.ru полностью посвящен программированию и компьютерной безопасности. Все курсы и уроки находятся на главной странице. Ради интереса можете посмотреть на содержимое курсов по Пентесту Active Directory, Python, HTML и CSS, JavaScript, C++ и другие, размещенные на главной странице.

Если что-то не нашли, то воспользуйтесь поиском по сайту, который находится на главной странице в самом верху.

Удачи в обучении!

Закрыть окно