Уроки HTML. Цвет

В HTML существует 16 предопределенных цветов, у каждого из которых есть имя:

          
silvergraymaroongreennavypurpleoliveteal
        
whiteblackredlimebluemagentayellowcyan

В HTML 4 используется технология RGB, которая позволяет на веб-странице использовать до 166=16777216 цветов

RGB - это Red (красный), Green (зеленый), Blue (синий). Образно говоря, каждый цвет образуется в результате свечения с той или иной интенсивностью трех лампочек: красной, зеленой и синей.

Цвета отличные от 16 предопределенных можно составить указав их шестнадцатеричный код RGB.

Примечание. Было бы желательно Вам повторить двоичную, восьмеричную, десятичную и шестнадцатеричную системы счисления.

В шестнадцатеричной системе имеем 16 цифр: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, f.

Для составления кода цвета нужны символ # и 6 шестнадцатеричных цифр: #X1X2X3 X4X5X6, где Xi одно из 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, f для i от 1 до 6. X1X2 – для красного цвета, X3X4 – для зеленого цвета, X5X6 – для синего цвета. Например:

        
#ffffff#000000#ff0000#00ff00#0000ff#ffff00#ff00ff#00ffff
        
#ab44ff#f8ee99#c5a24d#703916#22ff44#44ff16#66ff99#bbffdd

Для определения цвета букв страницы по-умолчанию (default font color) нужно набрать:
1. В теге <BODY>, перед символом >
TEXT=
2. "#rrggbb" или "color"
где #rrggbb – шестнадцатеричный код цвета, или color – имя одного из 16 предопределенных цветов. Обратите внимание на наличие скобок.

Для определения цвета фона страницы (backgroundcolor) нужно набрать:
1. В теге <BODY>, перед символом >
BGCOLOR=
2. "#rrggbb" или "color"
где #rrggbb – шестнадцатеричный код цвета, или color – имя одного из 16 предопределенных цветов. Обратите внимание на наличие скобок.

Для изменения цвета шрифта фрагмента текста на странице нужно набрать:
1. Перед текстом, цвет которого нужно изменить, наберите:
<FONT COLOR=
2. "#rrggbb" или "color"
где #rrggbb – шестнадцатеричный код цвета, или color – имя одного из 16 предопределенных цветов. Обратите внимание на наличие скобок.
3. >
4. Текст
5. </FONT>

Введите следующий код в html-файл, сохраните его и откройте файл в браузере для просмотра результата:

<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>
Моя веб-страница: Работа с цветом
</TITLE>
</HEAD>
<BODY TEXT="#124412" BGCOLOR="yellow">
<P>Цвет этого текста определен в теге BODY.</P>
<P><FONT COLOR="red">Буквы красного цвета</FONT></P>
<P>
<B>
<FONT COLOR="#111188">Жирные темно-синие буквы</FONT>
</B>
</P>
</BODY>
</HTML>

Подробности
Автор: Рахматджон Хакимов
Родительская категория: Программирование
Категория: Уроки HTML