Атрибуты 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. Расположите текст справа


Советы


Нашли ошибку? Есть что добавить? Пулреквесты приветствуются https://github.com/hexlet-basics
Если вы столкнулись с трудностями и не знаете, что делать, задайте вопрос в нашем большом и дружном cообществе
Упражнение доступно только авторизованным пользователям.

Пожалуйста, авторизуйтесь, это необходимо для отслеживания прогресса выполнения уроков. Если у вас ещё нет учётной записи, то сейчас самое время создать аккаунт.