Bgcolor text body 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; | Голубой |
Атрибут bgcolor
Зависит от браузера и его версии, но обычно используется белый цвет фона.
Аналог CSS
Валидация
Использование этого атрибута осуждается спецификацией HTML, валидный код получается только при использовании переходного .
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.
Типы тегов
HTML5
Блочные элементы
Строчные элементы
Универсальные элементы
Нестандартные теги
Осуждаемые теги
Видео
Документ
Звук
Изображения
Объекты
Скрипты
Списки
Ссылки
Таблицы
Текст
Форматирование
Формы
Фреймы
Как изменить цвет фона в HTML
Современные сайты часто используют в качестве фона страницы изображения (фотографии) или даже видео. И, тем не менее, знать простые способы изменения цвета фона страницы необходимо. Во всяком случае, обучение начинающих без этого не обходится.
Итак, если вы читали статью об обязательных тегах, то вы знаете, что текст страницы располагается между тегами . Однако тег не только определяет, где должен быть текст страницы, но и может задавать многие параметры, общие для всех элементов страницы.
Тег
Слово body переводится с английского как “тело”. Всё, что находится между тегами — это тело HTML-документа, это основа основ HTML-страницы.
В HTML4 (а также в XHTML) тег может принимать множество атрибутов, управляющих цветом и фоном документа. Некоторые браузеры предоставляют дополнительные атрибуты для этого тега, однако мы не будем выходить за рамки стандарта HTML 4.
Всё, что находится между открывающим тегом
и закрывающим тегом называется содержимым тела.Закрывающий тег