#9 - Создание ссылок и работа с их атрибутами

#9 - Создание ссылок и работа с их атрибутами

Каждый сайт имеет на своих страницах ссылки. Они могут быть оформлены по разному, но все выполняют одну и ту же роль - переход на новые страницы. В уроке мы научимся создавать ссылки и работать с их атрибутами.

Видеоурок

Каждая ссылка может перенаправлять пользователя не только на новые страницы сайта или же на новые сайты, но также на определенное место на сайте. Чтобы ссылка являлась активной и рабочей у нее должен быть атрибут href. Если никакого значения в этом атрибуте нет, то при клике на ссылку страница просто перезагрузится. Пример простейшей ссылки наведен ниже:

<a href="">Это ссылка</a>
Для того, чтобы указать где именно должна открываться ссылка можно прописать атрибут target. Подробнее про атрибуты в нашем справочнике.

Также можно создавать "якори", которые будут перенаправлять пользователя на конкретное место на сайте без перезагрузки самой страницы. Для их создания используйте атрибут id для объекта, к которому нужно перенаправить пользователя и в ссылке используйте решетку и значение атрибута id:

<a href="#some_place">Ссылка якорь</a>
<p id="some_place"></p>

Онлайн редактор кода

Загрузка...

Задание к уроку

Необходимо оформить подписку на проект, чтобы получить доступ ко всем домашним заданиям

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.
PS: подобные задания доступны при подписке от 1 месяца

Также стоит посмотреть

Верстка сайта на HTML5 и CSS3
13 уроков
Создание сайта с нуля | Полноценная верстка сайта
11 уроков
Видеокурс по PHP, MySQL / Создание динамического сайта
Вёрстка адаптивного сайта на Bootstrap 4
6 уроков
Изучение технологии Bootstrap (верстка сайта)
16 уроков
Изучение CSS/CSS3 от нуля до гуру!
15 уроков
Комментарии для сайта Cackle