Атрибуты HTML

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


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


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

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

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

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

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

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

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

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

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

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

У одного тега может быть несколько атрибутов:

<p align="center" title="Текст по центру">Параграф с несколькими атрибутами</p>

Задание

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


Советы


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

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

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