Wiki-учебник по веб-технологиям: HTML/Цвета ...

Главная | |

Цвета в HTML


Цвета выводятся с помощью смешения источников RED (красного), GREEN (зеленого), и BLUE (синего) цвета.

Цвет можно задать двумя способами:

  1. по значению — цифрами, что будет более точно по оттенкам.
  2. по имени — английским словом.

Цвет задается с помощью специального атрибута color="#FF0000" (в кавычках указывается значение цвета).

Пример:

<font face="Comic Sans MS" size="1" color="#FF0000">текст</font>

1. Значения цветов


color="#FF0000"

Цвета определяют с помощью шестнадцатеричной записи комбинации значений красного, зеленого и синего цветов (RGB — Red Green Blue). Наименьшее значение, которое можно задать одному из источников равно 0 (hex #00). Максимальное значение равно 255 (hex #FF).

первые две цифры – это насыщенность красным
вторые две цифры – это насыщенность зеленым
третьи две цифры – это насыщенность синим цветом.

Цифры задаются по 16-ричной системе, т.е. не от 0 до 10, а от 0 до FF (255 – в десятичной системе).

0,1,2,3,4,5,6,7,8,9,0А,0B,0C,0D,0E,0F – это и есть 16-ричный счет. И именно в пределах этого и можно задавать каждому сегменту свой цвет. То есть минимально это может быть 00 00 00, что соответствует черному, максимально – это будет FF FF FF, что соответствует белому. все промежуточные комбинации – это уже оттенки. Например, красный цвет – это FF 00 00, зеленый – это 00 FF 00, синий – 00 00 FF.

2. Имена цветов


Для упрощения набора основных цветов в стандарте HTML было позволено замещать цифровой ряд обычным словом, обозначающим тот или иной цвет в английском языке. Например, параметр color=black окрасит выделенное тегом в черный цвет, green – в зеленый, white – в белый и т.п.

Некоторая совокупность названий цветов поддерживается большинством браузеров.

Только 16 названий цветов поддерживается стандартом W3C для HTML 4.0 (aqua (голубой), black (черный), blue (синий), fuchsia (фуксия), gray (серый), green (зеленый), lime (лайм), maroon (темно-бордовый), navy (темно-синий), olive (оливковый), purple (сиреневый), red (красный), silver (светло-серый), teal (сине-зеленый), white (белый), и yellow (желтый)).

Компоновка документа в HTML

Выше были рассмотрены основные теги HTML. Используя их, уже можно создавать свои страницы. Но создание страницы это не только верстка материалов, но и компоновка всех элементов (меню, заголовок страницы, основное информационное наполнение, баннеры и др.) на странице HTML документа.

Одним из наиболее распространенных способом компоновки страницы является использование таблиц. Этот способ многими специалистами считается устаревшим и, более того, идеологически неверным.

Более современный способ – верстка с помощью слоев.

При нем таблицы используются, но исключительно для табличных данных. При верстке слоями широко используются возможности css.
http://www.htmlbook.ru/content/?pid=17
http://www.htmlbook.ru/content/?id=83

Задание цвета шрифта текста

<html>
<body>
<h1 style="color:blue">Заголовок </h1>
<p style="color:red">Параграф</p>
</body>
</html>


Задание для текста шрифта, его размера и цвета

<html>
<body>
<p style="font-family:verdana;font-size:80%;color:green">
Это параграф, содержащий некоторый текст. Это текст, содержащийся в
параграфе.
Это все тот-же параграф с текстом.
</p>
</body>
</html>