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

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

HTML цвет текста определяется с помощью CSS атрибутов.
HTML цвет текста может быть задан в режиме HEX, например, color:#cc0000.
Цвет текста в HTML также может быть задан словом, например, color:Black.
HTML фон текста определяется значением атрибута background-color.

Попробуем изменить цвет текста в 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).

Результат:

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

Результат:

Посмотреть в новом окне: цвет 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 | Обновление: Ноябрь 2018

HTML текст и шрифт HTML, цвет, фон, текст HTML текст справа