#8 – Создание ссылок. Разные типы ссылок в HTML

#8 – Создание ссылок. Разные типы ссылок в HTML

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

Видеоурок

Краткая информация

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


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

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

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


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

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

<a href="#some_place">Ссылка «якорь»</a>
<a name="some_place"></a>

Исходный код

Весь код будет доступен после подписки на проект!

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

Загрузка...

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

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

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

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

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

Видеокурс по PHP, MySQL / Создание динамического сайта
Изучение технологии Bootstrap (верстка сайта)
16 уроков
Изучение препроцессора SASS / SCSS
7 уроков
Создание адаптивного сайта
4 урока
Верстка сайта на HTML5 и CSS3
13 уроков
Создание сайта с нуля | Полноценная верстка сайта
11 уроков
Комментарии (2)
Добавить комментарий

арсен 12 февраля 2023 в 15:47

странно, у меня команда mailto некоректно работает
вот как я написал
<a href="mailto:arsenkasybaev@gmail.com">Написать на счет проблем в сайте</a>
Ответить

??? 14 января 2023 в 17:27

у меня онлайн редактор сломался
Ответить