HTML: Атрибуты HTML
Зачастую многим тегам в HTML-разметке можно передать дополнительную информацию, которая будет влиять на дополнительные действия или на отображение элемента.
Наведите курсор мыши на эту строку текста
У вас появилось небольшое всплывающее окно с текстом «Всплывающая подсказка». Такое поведение задаётся с помощью атрибутов. Атрибут — характеристика HTML-элемента, записывающийся в открывающем теге, и состоит из 2 частей:
- Имя — название свойства. В примере выше таким свойством является
title
- Значение атрибута. В примере выше значением была фраза «Всплывающая подсказка»
В HTML-разметке пример с всплывающим блоком выглядит так:
<p title="Всплывающая подсказка">Наведите курсор мыши на эту строку текста</p>
Атрибут title
является глобальным, то есть его можно применять к любому элементу в HTML-разметке, чтобы получить всплывающий блок при наведении курсора.
С помощью атрибутов можно разнообразить вывод информации на HTML странице. Атрибуты позволяют быстро изменить расположение текста:
Стандартный вывод текста
Вывод текста по центру
Вывод текста справа
<p>Стандартный вывод текста</p>
<p align="center">Вывод текста по центру</p>
<p align="right">Вывод текста справа</p>
Атрибут align
позволяет выравнивать текст на странице. Как видно, он может принимать значения center или right. На самом деле есть ещё значение left, но оно и так стоит по умолчанию для привычных нам языков.
У одного тега может быть несколько атрибутов:
<p align="center" title="Текст по центру">Параграф с несколькими атрибутами</p>
Задание
Создайте тег p
с атрибутом title
. Расположите текст справа
Советы
Все глобальные атрибуты можно посмотреть в документации
Пожалуйста, авторизуйтесь, это необходимо для отслеживания прогресса выполнения уроков. Если у вас ещё нет учётной записи, то сейчас самое время создать аккаунт.