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

Советы

• Все глобальные атрибуты можно посмотреть в документации