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

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

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

Видеоурок

Каждая ссылка может перенаправлять пользователя не только на новые страницы сайта, но также на определенное место на сайте. Ссылка будет являться активной и отображаться в формате ссылки только при условии прописанного атрибута href. Если не добавить значение в атрибут «href», то при клике на ссылку страница будет перезагружаться. 


Пример простейшей ссылки:

<a href="">Это ссылка</a>

Чтобы указать где именно должна открываться ссылка можно прописать атрибут target. Подробнее про атрибуты в нашем справочнике.


Создание якорей

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

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

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

Загрузка...

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

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

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

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

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

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