Цветовое оформление страницы

Все цвета закодированы особым образом. Каждая составляющая цвета

RGB палитры представлена в 16-ричной системе счисления. Причем, при-

нят следующий синтаксис записи: перед самим кодом ставится символ «#»,

далее следует набор из шести знаков в шестнадцатеричной системе счис-

ления. Несмотря на то, что в распоряжении web-мастера имеется более ста

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

них. Именно эти цвета были приняты в качестве стандарта для шестнадца-

ти цветовой палитры VGA. Обозначение данных цветов приведено в таб-

лице 2.

Таблица 2. Стандартные цвета


Цвет


Значение RGB Символьная метка Цифровой код


Белый

Черный

Зеленый

Светло-зеленый

Серый

Светло-серый

Желтый

Темно-бордовый

Синий

Темно-синий

Голубой

Изумрудный


255 255 255

0 128 0

0 255 0

128 128 128

192 192 192

255 255 0

128 0 0

0 0 255

0 0 128

0 255 255

0 128 128


White

Black

Green

Lime

Gray

Silver

Yellow

Maroon

Blue

Navy

Aqua

Teal


#FFFFFF

#000000

#008000

#00FF00

#808080

#C0C0C0

#FFFF00

#800000

#0000FF

#000080

#00FFFF

#008080



Красный

Пурпурный

Розовый

Оливковый


255 0 0

128 0 128

255 0 255

128 128 0


Red

Purple

Fuchsia

Olive


#FF0000

#800080

#FF00FF

#808000


Например белый цвет – ffffff. Черный- 000000.

Для видоизменения отдельных символов используется парный тэг

<font> </font>.

В открывающем теге в качестве одного из атрибутов (color) можно за-

дать цвет символов. Color=”#CC0000”> В кавычках указывается код цвета.

Давайте окрасим слова Добро Пожаловать в красный.

<font color=«#CC0000»>Добро пожаловать! ☺</font>


Тэг <font></font > – многофункционален. Им может


задаваться не


только цвет текста в конкретной части документа, но и размер шрифта, и

вид шрифта (Arial).

За вид шрифта отвечает атрибут Face. Например, face=”Arial”

Таким образом вы можете задать и какой-нибудь экзотический шрифт

для своей страницы, но это немного рискованно, т.к. у вашего посетителя

может не оказаться такого шрифта, поэтому все же лучше задавайте стан-

дартные (Arial (без надсечек), Times Roman (пропорциональный), Courier

(равноширинный) и другие).

Размер шрифта определяется атрибутом Size. Например, size=”+4”

Параметр size задает размер шрифта, но, в отличие от заголовков,

текст не выделяется жирным шрифтом и нет принудительного переноса.

Стандартный size (по умолчанию) = «+0». Size может быть и отрицатель-

ным: -1 или -2.

Пример.

<font color=«#CC0000» face=«Arial» size=«+4»>Добро пожаловать!

☺</font>

Для того, чтобы задать цвет всего текста и фон всего документа, необ-

ходимо задать соответствующие параметры открывающего тега <body>:

< body text= «#336699»>

Это значит, что весь текст страницы будет синим, кроме текста, для

которого мы специально прописали <font></font> (если цвет в <body> не

задавать, то по умолчанию он будет черным).

<body bgcolor= «#000000»>

Если цвет в <body> не указывать, то по умолчанию он будет белым,

хотя иногда цветом по умолчанию может являться любой другой, кроме

белого, поэтому лучше уж прописывайте цвет фона в body.

Мы одновременно можем прописать в теге <body> и цвет текста в до-

кументе, и цвет фона.

<body text= «#336699» bgcolor= «#000000»>

<html>



<head>

<title>Мой первый шаг </title>

</head>

<body text= «#336699» bgcolor= «#000000»>

Здравствуйте, это моя первая страница.

<br>

<font color= «#CC0000»> Добро пожаловать!</font>

</body>

</html>

В качестве фона можно использовать картинку (графический файл).

Это также прописывается в открывающем тэге body:


<body


text=


«#336699»


bgcolor=«#000000» background=


«ваш_фон.jpg»>

Параметр Background и указывает на то, где лежит фоновая картинка,

в нашем примере он указывает на то, что наша фоновая картинка лежит в

той же директории (папке), что и документ.

Но зачем оставлять параметр bgcolor, если есть background? А вдруг

фоновая картинка не загрузится (представьте, такое может быть), тогда са-

ми поймете зачем.


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: