Элемент BODY может содержать большое количество атрибутов. Все они важны, так как определяют общий облик документа. Эти атрибуты приведены в таблице 1.
Таблица 1
Атрибуты элемента BODY
Атрибут | Назначение |
ALINK | определяет цвет ссылки, активной в текущий момент |
BACKGROUND | указывает на URL - адрес изображения, которое используется в качестве фонового |
BGCOLOR | определяет цвет фона документа |
BGPROPERTIES | если установлено значение FIXED, фоновое изображение не прокручивается |
LEFTMARGIN | Устанавливает границу левого поля в пикселах |
LINK | Определяет цвет еще не просмотренной ссылки |
TEXT | Определяет цвет текста |
TOPMARGIN | Устанавливает границу верхнего поля в пикселах |
VLINK | Определяет цвет уже просмотренной ссылки |
Рассмотрим эти атрибуты подробнее.
Определение цвета составных частей документа - первый шаг к его созданию. Если это не сделано, используются цвета по умолчанию. Они определяются установками программы просмотра.
Не существует каких-либо правил хорошо сбалансированной палитры. Нужно лишь помнить о том, чтобы читатели смогли прочитать текст, не испытывая неудобств, стараться поддерживать высокую контрастность текста и фона и избегать соседства областей с близкими цветами.
|
|
В HTML цвета определяются цифрами в шестнадцатеричном коде. Цветовая система базируется на трех основных цветах - красном, синем и зеленом. Для каждого цвета задается шестнадцатеричное значение в пределах от 00 до FF, что соответствует диапазону 0-255 в десятичном исчислении. Затем эти значения объединяются в одно число, перед которым ставится символ #. Для простоты в HTML 3.2 определены 16 стандартных цветов, которые вместе с их шестнадцатеричными кодами приведены в таблице 2.
Таблица 2
Стандартные цвета в HTML 3.2
Цвет | Код |
Black (черный) | #000000 |
Магооп (темно-бордовый) | #800000 |
Green (зеленый) | #008000 |
Olive {оливковый) | #808000 |
Navy (темно-синий) | #000080 |
Purple (фиолетовый) | #800080 |
Teal (чирок) | #008080 |
Gray (серый) | #808080 |
Silver (серебряный) | #С0С0С0 |
Red (красный) | #FF0000 |
Lime (известь) | #00FF00 |
Yellow (желтый) | #FFFF00 |
Blue (синий) | #0000FF |
Fuchsia (фуксия) | #FF00FF |
Aqua (аква] | #00FFFF |
White (белый) | #FFFFFF |
Атрибут BGCOLOR отвечает за цвет фона документа. Если страница имеет фоновое изображение, этот атрибут должен обеспечивать цвет, как можно более близкий к общему тону рисунка. Это позволит читателю, настроившему свой браузер на отказ от загрузки изображений, ясно видеть текст. Многие авторы не придерживаются этого правила. В этом случае, если фоновый рисунок исполнен в темных токах и выбран белый цвет шрифта для текста, некоторые читатели могут быть удивлены, не увидев ничего, кроме пустой белой страницы.
|
|
Атрибут TEXT определяет цвет текста документа. Старайтесь в ваших страницах всегда поддерживать высокую контрастность текста. При использовании шрифта с тонким начертанием помните, что он смотрится лучше темным на светлом фоне.
Атрибут LINK используется браузером для показа еще не просмотренных ссылок. Очевидно, что они должны выделяться цветом на фоне основного текста.
Атрибут VLINK служит для показа уже просмотренных ссылок. Как правило, их окрашивают более темным оттенком того же цвета, что и не просмотренные ссылки.
Атрибут ALINK определяет цвет ссылки, активной в текущий момент. Эти сравнительно новый атрибут, обычно применяющийся для просмотра многокадровых документов.
Одним ид популярных способов украсить HTML - страницу является размещение на ней фоновой графики, видимой под основным текстом (атрибут BACKGROUND). Такой прием помогает подчеркнуть целостность документа либо наоборот, разделить его на логические части.
Большинство фоновых изображений малы по размеру, но их копии, как обои, заполняют все окно программы просмотра. Особенно популярны различные текстурные (узорчатые) изображения: кирпичи, мрамор, всевозможные виды тканей. В основном они служат для простого заполнения пустот в документе. Более продуманные страницы имеют фон, соответствующий содержанию.
Атрибуты LEFTMARGIN и TOPMARGIN служат для установки расстояния между левым и верхним краями текста и соответствующими краями окна браузера. Местоположение других краев текста не регулируется. Это сделано для того, чтобы обеспечить возможность просмотра страницы любым браузером. Невозможно заранее знать, какой размер окна у программы читателя документа.
Атрибут LEFTMARGIN устанавливает расстояние между левым краем окна браузера, которое измеряется в пикселях. Чаще всего этот атрибут применяется, когда автор хочет иметь слева поле, свободное от текста, и отличающееся узором или цветом от остальной части фонового изображения.
Атрибут TOPMARGIN служит для установки расстояния между верхним краем текста и верхним краем окна браузера. Он обычно используется, если верхняя часть фонового изображения имеет большое значение и его желательно оставить открытым.