Атрибуты HTML

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


Наведите курсор мыши на эту строку текста


У вас появилось небольшое всплывающее окно с текстом «Всплывающая подсказка». Такое поведение задаётся с помощью атрибутов. Атрибут — характеристика HTML элемента, записывающеся в открывающем теге, и состоит из 2 частей:

  • Имя — название свойства. В примере выше таким свойством является title
  • Значение атрибута. В примере выше значением была фраза «Всплывающая подсказка»

В HTML разметке пример с всплывающим блоком выглядит так:

<p title="Всплывающая подсказка">Наведите курсор мыши на эту строку текста</p>

Атрибут title является глобальным, то есть его можно применять к любому элементу в HTML разметке, чтобы получить всплывающий блок при наведении курсора.

С помощью атрибутов можно разнообразить вывод информации на HTML странице. Атрибуты позволяют быстро изменить расположение текста:


Стандартный вывод текста

Вывод текста по центру

Вывод текста справа


<p>Стандартный вывод текста</p>
<p align="center">Вывод текста по центру</p>
<p align="right">Вывод текста справа</p>

Задание

Создайте тег p с атрибутом title. Расположите текст справа


Советы


Нашли ошибку? Есть что добавить? Пулреквесты приветствуютсяhttps://github.com/hexlet-basics

Упражнение доступно только авторизованным пользователям.

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