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

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

Заголовок 1-го уровня Первый параграф Второй параграф Третий параграф

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

Заголовок 1-го уровня Первый параграф Второй параграф Третий параграф

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

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

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

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

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

HTML Фон текста оранжевый Цвет HTML текста белый, фон красный

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

Автор проекта — Вася Митин | Дата публикации: Октябрь 2009 | Обновление: Ноябрь 2018

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

© 2009 — 2023 | При использовании материала, ссылайтесь на мой сайт!
По всем вопросам обращайтесь: go@ab-w.net | Изменить HTML цвет, фон, текст? – Не вопрос!

Источник

Html цвет фона букв

В самых первых опытах (“Улучшенный HTML-документ”) мы никак не задавали ни цвет фона страницы, ни цвет шрифта, которым отображался текст. Тем не менее, и фон, и шрифт не были бесцветными при просмотре страницы в браузере.

Вероятно, вы видели чёрный шрифт на белом фоне. Но это совсем не обязательно. Всё зависит от настроек браузера. Когда в HTML-программе цвета явно не заданы, браузер использует свои установки по умолчанию.

В моём браузере Internet Explorer в разделе Цвета включена опция Использовать стандартные цвета Windows , и я вижу чёрные буквы на белом фоне. Можно выключить эту опцию и установить в качестве цветов, используемых браузером по умолчанию, свои цвета.

Чтобы документ смотрелся так, как вы задумали, не полагайтесь на режимы умолчания браузера, а задавайте параметры явно.

Как задавать цвета для фона и текста рассказано ниже.

Задание цвета в HTML-коде

Цвета для фона и текста на всем протяжении документа можно задать при помощи атрибутов bgcolor и text тега .

Проверьте работу этих атрибутов на испытательном стенде:

Атрибуты bgcolor и text тега

Цвета, заданные в теге , действуют до парного тега , т. е. до конца документа.

С цветом фона ничего уже не поделаешь — его в HTML можно задавать только один раз, а цвет текста можно менять внутри документа многократно, при помощи тега . Установка цвета выполняется при помощи атрибута color . (Заметим в скобках, что цвет фона любого элемента можно установить при помощи CSS, равно как и цвет текста, как и массу других свойств, недоступных через атрибуты тегов.)

Атрибут color тега

В HTML действует общее важное правило: конструкции языка могут быть вложенными, т. е. внутри одного элемента могут располагаться другие. Указания вложенного элемента могут изменять указания внешних элементов, но когда вложенный элемент заканчивается, восстанавливаются полномочия внешнего элемента.

С помощью элемента FONT можно переопределить не только цвет шрифта, но также его размер и внешний вид. Однако использовать соответствующие атрибуты не рекомендуется.

Работать со шрифтами (как и с любыми другими визуальными свойствами элементов) гораздо удобнее и правильнее через CSS, но и здесь нужно быть осторожными — ведь указанного шрифта может не оказаться на компьютере пользователя.

Самое лучшее — не задавать шрифт вовсе. Тогда браузер будет показывать документ шрифтом “по умолчанию”, заведомо установленным у пользователя.

Для изменения размеров шрифта есть специальные элементы, более подходящие для сохранения единого стиля оформления документа: BIG для укрупнения и SMALL для уменьшения.

На самом деле не рекомендуется задавать и цвет шрифта при помощи FONT , равно как и вовсе использовать этот элемент! Задавать визуальные свойства лучше при помощи стилевых указаний на языке CSS, с которым мы познакомимся в теме 2.

То есть в будущем постараемся не использовать в своих HTML-кодах визуальные элементы подобные FONT и визуальные атрибуты, подобные color и size . Посмотрите, как был задан на CSS красный цвет для текста, расположенного в подцитате:

Кодирование цвета

Задать цвета можно, используя шестнадцатеричный трёхбайтовый код, например, #00FFFF — голубой цвет (aqua). Перед кодом цвета в HTML ставится символ “#”. Записи bgcolor=»#00FFFF» и bgcolor=»aqua» эквивалентны.

Кодирование цвета выполняется по распространённой системе RGB ( R ed, G reen, B lue):

#FF0000	Red (красная составляющая)
#00FF00	Green (зелёная составляющая)
#0000FF	Blue (синяя составляющая)

Известно, что любой цвет можно представить смешением трёх основных цветов (красного, зелёного и синего). В зависимости от “веса” составляющих результирующий цвет меняется в широких пределах.

Число цветов, которое можно получить, смешивая красный, зелёный и синий, зависит от ширины диапазона, в котором может меняться каждая из трёх основных составляющих.

В системе кодирования цвета, принятой в HTML, каждая из основных составляющих задаётся одним байтом, т. е. может принимать 256 разных значений. Тогда число всех цветов в этой кодировке: 256×256×256 = 16 777 216.

Мнемонические имена и коды основных (стандартных) цветов представлены в таблице:

Цвет	Имя	Код	Описание
black	#000000;	Чёрный
silver	#C0C0C0;	Серебряный
gray	#808080;	Серый
white	#FFFFFF;	Белый
maroon	#800000;	Коричневый
red	#FF0000;	Красный
purple	#800080;	Тёмно-сиреневый
fuchsia	#FF00FF;	Сиреневый
green	#008000;	Зелёный
lime	#00FF00;	Светло-зелёный
olive	#808000;	Оливковый
yellow	#FFFF00;	Жёлтый
navy	#000080;	Темно-синий
blue	#0000FF;	Синий
teal	#008080;	Петроль
aqua	#00FFFF;	Голубой

Источник

Осваиваем свойство background color CSS

В этой статье мы рассмотрим свойства CSS , связанные с цветом. Прочитав ее, вы узнаете:

• как на веб-странице изменить цвет текста;
• как добавить цвет для фона или фоновое изображение;
• как добавить тени;
• как изменять прозрачность.

Цвет текста

Вы наверняка уже знаете о свойстве, используемом для изменения цвета текста – это свойство color . Мы рассмотрим различные способы указания цвета.

Указание названия цвета

Самый простой и удобный способ указать цвет — это ввести его название. Единственным недостатком этого метода является то, что существует только шестнадцать так называемых « стандартных » цветов.

На приведенном ниже рисунке показано шестнадцать цветов, которые можно использовать, введя их название:

Шестнадцать названий цветов, которые можно использовать в CSS

Чтобы изменить цвет всех заголовков на коричневый, нужно ввести:

Заголовок отображается коричневым цветом

Шестнадцатеричные обозначения

Шестнадцать цветов — это мало, если учесть, что большинство мониторов могут отображать шестнадцать миллионов цветов. Но представьте, если бы нужно было задать название каждому из шестнадцати миллионов оттенков .

К счастью, в CSS предусмотрено несколько способов выбора цвета. Первый способ — шестнадцатеричное значение. Вот как выглядит название цвета в шестнадцатеричном формате: #FF5A28 . Это комбинация букв и цифр, которые указывают цвет.

Всегда нужно начинать с указания символа хэша (#) , за которым следует шесть букв или цифр от 0 до 9 и от A до F .

Эти буквы или цифры работают парами. Первые две цифры указывают количество красного, две следующие — зеленого, а две последние — голубого. Смешивая эти значения ( которые являются компонентами Red-Green-Blue в цвете ), можно получить любой цвет.

Таким образом, #000000 соответствует черному цвету, а #FFFFFF — белому.

Некоторые графические программы, такие как Photoshop , Gimp и Paint.NET , позволяют указывать цвета в шестнадцатеричном формате.

Вот, например, как можно применить белый цвет, указанный в шестнадцатеричном формате, к абзацам:

При этом допускается сокращенная запись: можно указать цвет с помощью только трех символов. Например: #FA3 эквивалентно #FFAA33 .

Метод RGB

Red-Green-Blue , сокращенно обозначаемый как « RGB ». Как и в шестнадцатеричном коде, чтобы выбрать цвет, необходимо определить количество красного, зеленого и синего.

Это намного практичнее, и с помощью простой программы для рисования, такой как Paint , можно найти нужный цвет. Вот действия, которые необходимо выполнить:

1. Зайдите в меню « Пуск », найдите в нем программу Paint и запустите ее.
2. Перейдите в раздел « Редактировать цвета », как показано на рисунке, приведенном ниже.
3. Откроется окно. В поле справа переместите ползунки, чтобы выбрать нужный цвет. Предположим, нужно вывести заголовки

Источник