Прежде чем мы продолжим создание нашей веб-страницы, нам сначала нужно научиться устанавливать атрибуты цвета HTML. Атрибуты определяют внешний вид веб-страницы, например цвет фона, цвета текста и шрифты. Позже мы рассмотрим все теги и атрибуты. Однако пока мы сконцентрируемся на отображении определенных цветов на вашей веб-странице.
Цветовые коды HTML
Чтобы отображать цвета на веб-странице, вы должны использовать специальные цветовые коды в своем HTML. Эти цветовые коды известны как цветовые коды RGB и представлены в виде шестнадцатеричных значений. Цветовые коды RGB содержат три набора чисел, представляющих количество красного, зеленого и синего цветов, содержащихся в цвете. Эти коды должны использоваться в вашем HTML, чтобы указать выбранные вами цвета.
Теперь, чтобы перевести приведенное выше утверждение на "человеческий" язык… ))) если вы хотите отображать фон или текст веб-страницы определенного цвета, вы должны включить шестнадцатеричный код цвета в свой тег. Каждому цвету соответствует свой цветовой код.
- Цвет фона веб-страницы
- Цвета шрифта
- Цвета фона таблицы (таблицы мы рассмотрим позже.)
- Цвета границ таблицы
Цветовые коды HTML - атрибуты тела
Теперь, когда у вас есть базовое представление о цветовых кодах, мы сосредоточимся на настройке атрибутов тела. Атрибуты тега body можно использовать для создания цветовой темы на всей вашей веб-странице. Он может содержать команду цвета фона, команду фонового изображения, цвет текста и цвета ссылок.
Если тег body не содержит команд, веб-страница будет просматриваться с настройками веб-браузера по умолчанию, которые являются стандартом в Интернете.
Цветовые коды HTML - Цвета фона
Если вы хотите указать определенный цвет фона и текста для своей веб-страницы, вы можете сделать это, добавив атрибуты bgcolor и text в свой тег body.
Приведенный выше код отобразит вашу веб-страницу на белом фоне, а весь текст будет отображаться синим цветом. Если вы не определите цвет фона веб-страницы, он будет отображаться с настройкой по умолчанию белого цвета. Если вы не определите цвет текста, он будет отображаться с настройкой по умолчанию - черным.
Помните, что при выборе цвета фона и текста текст должен быть хорошо виден вашим посетителям. Лучше всего использовать цвета по умолчанию - белый фон, черный текст.
Фоновые изображения (устарело)
Если вы хотите отображать свою веб-страницу с фоном изображения вместо цвета фона, поместите background = «image.gif» в свой тег body.
Текст image.gif представляет имя вашего изображения. Это изображение должно быть загружено на ваш сервер для отображения на вашей веб-странице. Кроме того, значение фона (адрес изображения) должно вести к вашему файлу изображения.
Имейте в виду, ваш текст должен быть хорошо виден. Опять же, лучшим вариантом будет использование простого белого фона.
Цветовые коды HTML - Цвета ссылок (не рекомендуется)
Если вы хотите указать цвета ссылок на всей веб-странице, добавьте атрибуты link, vlink и alink в свой тег body.
В этом примере цвет ссылки будет темно-синим, цвет vlink - средне-синим, а цвет ссылки - фиолетовым. Обратите внимание, что значения отображаются в виде шестнадцатеричных цветовых кодов.
