Прогресс завершения курса:

HTML-атрибуты

Атрибуты содержат дополнительную информацию об элементе или теге, а также изменяют их. Большинство атрибутов имеют значения; значение изменяет атрибут.


<p align="center">
Этот текст выровнен по центру
</p>

В этом примере значение атрибута "center" указывает на то, что содержание элемента <p> должно быть выровнено по центру:



Атрибуты всегда пишутся в открывающем теге и имеют следующую парную структуру: name="value".

Единицы измерений в атрибутах

В качестве примера, давайте добавим в HTML-документ горизонтальную линию шириной в 50 пикселей.

Для этого нам понадобится атрибут ширины:

<hr width="50px">

Результат:



Ширина элемента также может быть определена в процентах:

<hr width="50%">

Результат:



Ширина элемента может быть определена в px, % или em.

Атрибут выравнивания

Атрибут выравнивания указывает на то, как текст будет выровнен в документе.

В приведённом ниже примере первый параграф текста будет выровнен по левому краю страницы, а второй – по центру, а третий – по правому краю.

<html>
<head>
<title> Атрибуты </title>
</head>
<body>
<p align="left">Первый параграф.</p>
<p align="center">Второй параграф.</p>
<p align="right">Третий параграф.</p>
</body>
</html>

Результат:



Так как тег <p> является блочным элементом (т. е. один тег по умолчанию занимает всю ширину страницы), на выходе мы получаем «лесенку» из параграфов.