Учебник по HTML и CSS |
|
|
Статьи |
Цвет фонаЦвет фона является достаточно важным элементом любой веб-страницы. Во-первых, он задает нужное настроение и общий настрой сайта, а во-вторых, облегчает восприятие текста. Цвет фона веб-страницы задается с использованием параметра bgcolor тега <BODY>. Пример 1. Изменение цвета фона <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html> <body bgcolor="#c0c0c0"> ... </body> </html> Цвет можно указывать в шестнадцатеричном значении или по его имени. Несмотря на то, что для фона можно указывать любой цвет, на большинстве сайтов используются преимущественно белый фон и черные буквы, как наиболее устоявшийся вариант. Фоновый рисунокВ качестве фона можно использовать любое подходящее для этого изображение. Фон не должен отвлекать внимание от текста, при этом должен хорошо сочетаться с цветовой гаммой веб-страницы и быть маленьким по размеру, чтобы быстро загружаться. Если после перечисленного вы все еще хотите добавить фоновый рисунок на страницу, следует воспользоваться параметром background тега <BODY>. Пример 2. Добавление фонового рисунка <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html> <body background="image/samplebg.gif"> ... </body> </html> Если изображение меньше размера экрана монитора, оно будет размножено по горизонтали и вертикали. Поскольку фоновый рисунок загружается медленнее, чем цвет фона, может получиться, что текст не будет читаться некоторое время, пока не произойдет загрузка рисунков. То же самое может случиться и при отключенных в браузере рисунках. Поэтому рекомендуется всегда задавать цвет фона наряду с фоновым рисунком (пример 3). Пример 3. Использование фонового рисунка и цвета фона <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html> <body bgcolor="#c0c0c0" background="image/samplebg.gif"> ... </body> </html> Фиксированный фонПо умолчанию, при использовании полосы прокрутки, фоновый рисунок перемещается вместе с содержимым веб-страницы. Internet Explorer позволяет сделать фон неподвижным с помощью параметра bgproperties="fixed" тега <BODY>. Пример 4. Задание фиксированного фона <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html> <body bgcolor="#c0c0c0" background="image/samplebg.gif" bgproperties="fixed"> ... </body> </html> При указании параметра bgproperties, как показано в примере 4, фоновый рисунок на веб-странице будет оставаться неподвижным, а текст, рисунки и другие элементы станут перемещаться вместе с полосой прокрутки. |
|
При использовании материалов сайта ссылка на comnew.ru обязательна! |