HTML цвет текста, фон

Фон и цвет текста в HTML

Урок 4. Определяем HTML цвет текста и его фон

Как изменить цвет HTML текста с помощь CSS атрибутов

Попробуем изменить цвет текста в HTML:

<html>
<head>
<title>HTML цвет текста</title>
</head>
<body>
<h1 style="color:#ff0000">Заголовок 1-го уровня</h1>
<p style="color:#ffff00">Первый параграф</p>
<p style="color:#00ff00">Второй параграф</p>
<p style="color:#0000ff">Третий параграф</p>
</body>
</html>

Строка style="color:#000000" является линейным CSS включением — устанавливает цвет HTML текста в режиме HEX. HEX — шестнадцатеричная система счисления (цифры от 0 до 9 и латинские буквы от a до f), которая по структуре сравнима с RGB (Red Greеn Blue).

Результат:

ХТМЛ cvet teksta, пример

Посмотреть в новом окне: HTML цвет текста

Еще пример:

<html>
<head>
<title>HTML, текст, цвет</title>
</head>
<body style="color:#ff6c36">
<h1 align="center">Заголовок 1-го уровня</h1>
<p>Первый параграф</p>
<p>Второй параграф</p>
<p style="color:#0000ff">Третий параграф</p>
</body>
</html>

Содержимое сектора <body> </body> по сути есть все то, что мы видим на web-странице. Таким образом, добавляя к его первому тегу строчку style="color:#ff6c36", мы делаем текст всей страницы оранжевым (черный по умолчанию), за исключением третьего параграфа, где он — текст определен как синий. Атрибут align="" определяет горизонтальное выравнивание. Возможны значения: center, left, right, justify. В следующем уроке подробно рассматриваются способы горизонтального выравнивания текста.

Результат:

ХТМЛ cvet teksta

Посмотреть в новом окне: цвет HTML текста

Значение #000000 определяет черный цвет, #ffffff – белый. Цвет также может быть задан словом, например, style="color:Red".

HTML цвет представлены в одной из глав HTML справочника.

Как изменить HTML цвет и фон текста

Попробуем изменить фон текста в HTML:

<title>HTML, фон, текст, цвет</title>
</head>
<body>
<h3 style="background-color:#ff9911">HTML Фон текста оранжевый</h3>
<p style="background-color:#ff0000; color:#ffffff">Цвет HTML текста белый, фон красный</p>

Результат: цвет HTML текста и его фон

Атрибут background-color определяет фон, в данном случае изменения затрагивают текст.

Дата публикации: Октябрь 2009 | Обновление: Август 2014

Урок 3. HTML текст, шрифт   HTML, цвет, фон, текст   Урок 5. Text alignment

    Сохранить в сервисы и закладки