HTML. Стили

Курс по основам HTML. W3Schools на русском языке. Уроки для начинающих

Стили в HTML. Как создать каскадную таблицу стилей (CSS) на веб-сайте?

Пример:

I am Red

I am Blue

I am Big

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

HTML Атрибут style

Установка стиля HTML элемента может быть выполнена с помощью атрибута style. Атрибут style в HTML имеет такой синтаксис:

Пример:

<tagname style="property:value;">

где tagname - название тега, property - это свойство, value - это значение.

Примечание: Подробнее о CSS вы узнаете далее в этом Учебнике по CSS.

HTML Background Color - Цвет фона

Свойство background-color определяет цвет фона для элемента HTML. В этом примере для страницы установлен фон (background color): powderblue (голубой цвет):

Пример:

<body style="background-color:powderblue;">

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
Попробуйте сами »

HTML Color - Цвет текста

Свойство color определяет цвет текста для элемента HTML:

Пример:

<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
Попробуйте сами »

HTML Fonts - Шрифты

Свойство font-family определяет семейство шрифта, который будет использоваться для элемента HTML:

Пример:

<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
Попробуйте сам »

HTML Font-size - Размер шрифта

Свойство font-size определяет размер текста для элемента HTML:

Пример:

<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>
Попробуйте сами »

HTML Text-align - Выравнивание текста

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

Пример:

<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>
Попробуйте сами »

Резюме раздела

Проверьте себя с помощью упражнений!

Упражнение 1 » Упражнение 2 » Упражнение 3 » Упражнение 4 » Упражнение 5 » Упражнение 6 »

Справочник HTML тегов

Справочник HTML тегов W3Schools содержит дополнительную информацию про элементы HTML и их атрибуты.

Примечание: Для получения полного списка всех доступных HTML тегов, посетите Справочник HTML тегов.