раскрутка
сайта -
начинающим!
Язык гипертекстовой разметки
HTML
Урок 6
Тема: цвет фона и текста, шрифты.
Цвет фона определяется значением атрибута BGCOLOR - шестнадцатиричным числом вида #hhhhhh, где первая пара символов является значением насыщенности для красного цвета, вторая - для зеленого, и третья пара - для синего цвета. #00 - минимальная насыщенность, #FF - максимальная насыщенность цвета. Можно использовать текстовое определение цвета: BLUE, RED, FUCHSIA и т.п - одно из шестнадцати допустимых значений.
| BLACK | #000000 | GREEN | #008000 | ||||
| SILVER | #C0C0C0 | LIME | #00FF00 | ||||
| GRAY | #808080 | OLIVE | #808000 | ||||
| WHITE | #FFFFFF | YELLOW | #FFFF00 | ||||
| MAROON | #800000 | NAVY | #000080 | ||||
| RED | #FF0000 | BLUE | #0000FF | ||||
| PURPLE | #800080 | TEAL | #008080 | ||||
| FUCHSIA | #FF00FF | AQUA | #00FFFF |
Например, чтобы сделать цвет фона страницы фиолетовым, можно написать
<BODY BGCOLOR="#FF00FF">, а можно и так:
<BODY BGCOLOR="PURPLE">.
Строго говоря, текстовых значений цвета значительно больше (SCARLET, VIOLET, BROWN и т.д. и т.п.), но не все браузеры их "знают". Применимы также значения LIGHTGREEN (светлозеленый), LIGHTYELLOW (светложелтый) и LIGHTBLUE (светлосиний).
Фоном может служить и какое-то изображение. При этом заданная область заполняется множественными копиями этого изображения (как кафельной плиткой). Для этого используется атрибут BACKGROUND с указанием пути к рисунку. Например
<BODY BACKGROUND="graph/picture.gif">
Аттрибуты BGCOLOR и BACKGROUND могут находиться внутри метки <BODY>, тогда цвет фона устанавливается для всей страницы, либо в метках <TABLE>, <TR> и <TD> - устанавливается цвет фона во всей таблице, ее строке и ее ячейке соответсвенно (таблицы - тема следующего урока).
Для изменения цвета и размера шрифта используется метка <FONT></FONT>. Ее атрибуты:
- COLOR="#hhhhhh" - цвет текста;
- SIZE="n" - размер шрифта;
- FACE="имя_шрифта" - смена шрифта, где имя_шрифта может быть arial, verdana, helvetica, sans-serif и другие.
Пример использования метки <FONT>:
<FONT SIZE="5" COLOR="RED" FACE="SANS-SERIF">Крупный шрифт красного цвета без засечек</FONT>
В окне браузера увидите Крупный шрифт красного цвета без засечек
Для размещения текста в верхнем или нижнем регистре используются соответственно метки <SUP>..</SUP> (superscript) и <SUB>..</SUB> (subscript). Пример их использования:
в тексте: в окне браузера: E=mc<SUP>2</SUP> E=mc2 2<SUP>x+2</SUP>=64 2x+2=64 H<SUB>2</SUB>O H2O
Тэг BODY может содержать атрибут TEXT, который определяет цвет шрифта для всей страницы. Значение атрибута - шестнадцатиричное значение цвета или текстовое. <BODY TEXT="NAVY"> устанавливает цвет шрифта на странице темно-синим.
Также в тэге BODY можно определить каким цветом на вашей странице будут выделяться ссылки. Это атрибуты:
- LINK="#hhhhhh" - определяет цвет ссылки, по умолчанию голубой;
- ALINK="#hhhhhh" - определяет цвет ссылки на документ, просмотренный ранее, по умолчанию фиолетовый;
- VLINK="#hhhhhh" - опрделяет цвет активизированной ссылки, т.е. когда на нее наведен курсор и нажата кнопка мыши, по умолчанию красный.