HTML стиль

Атрибут style используется для изменения стиля HTML элементов.

Этот текст в шрифте Verdana и красном цвете
Этот текст в шрифте Times и синем цвете
Этот текст высотой 30 пикселей

Попробуйте сами

Атрибут style в HTML

Роль атрибута style:

Предоставляет общее метод для изменения стиля всех HTML элементов.

Стиль был введен в HTML 4 и является новым предпочтительным способом изменения стиля HTML элементов. Через HTML стили вы можете напрямую добавить стиль к элементу HTML с помощью атрибута style или косвенно определить его в отдельном файле стилей (CSS).

Вы можете найти все о стилях в наших Учебник CSSУзнайте все о стилях и CSS здесь.

В нашем курсе HTML мы будем использовать атрибут style, чтобы объяснить вам HTML стили.

Не рекомендуется использовать теги и атрибуты

В HTML 4 есть несколько тегов и атрибутов, которые弃用了. Слово "абандонирован" (deprecated) означает, что в будущих версиях HTML и XHTML эти теги и атрибуты не будут поддерживаться.

Информация, передаваемая здесь, очень ясна: избегайте использования этих弃用的 тегов и атрибутов!

Следующие теги и атрибуты следует избегать:

Тег Описание
<center> Определение центрированного содержимого.
<font> и <basefont> Определение шрифта HTML.
<s> и <strike> Определение текста с тире
<u> Определение текста с подстрочными знаками
Атрибут Описание
align Определение способа выравнивания текста
bgcolor Определение цвета фона
color Определение цвета текста

Для вышеуказанных тегов и атрибутов: используйте стили вместо!

Пример стиля HTML - цвет фона

Атрибут background-color определяет цвет фона элемента:

<html>
<body style="background-color:yellow">
<h2 style="background-color:red">Это заголовок</h2>
<p style="background-color:green">Это абзац.</p>
</body>
</html>

Попробуйте сами

Атрибут style устарел "старый" атрибут bgcolor.

Попробуйте сами: настройка старого метода установки фона

Пример стиля HTML - шрифт, цвет и размер

Атрибуты font-family, color и font-size определяют семейство шрифтов, цвет и размер шрифта текста элемента:

<html>
<body>
<h1 style="font-family:verdana">Заголовок</h1>
<p style="font-family:arial;color:red;font-size:20px;">Абзац.</p>
</body>
</html>

Попробуйте сами

Атрибут style устарел тег <font>.

Попробуйте сами: настройка старого метода установки шрифта

Пример стиля HTML - выравнивание текста

Атрибут text-align определяет горизонтальное выравнивание текста элемента:

<html>
<body>
<h1 style="text-align:center">Это заголовок</h1>
<p>Заголовок выше выровнен по центру этой страницы.</p>
</body>
</html>

Попробуйте сами

Атрибут style устарел атрибут "align".

Попробуйте сами: настройка старого метода выравнивания по центру