колір фону

Колір фону є досить важливим елементом будь-якої веб-сторінки. По-перше, він задає потрібний настрій і загальний настрій сайту, а по-друге, полегшує сприйняття тексту.

Колір фону веб-сторінки задається з використанням параметра bgcolor тега <BODY>.

Приклад 1. Зміна кольору фону

Дійсний код
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Transitional // EN" "http://www.w3.org/TR/html4/loose.dtd">
<Html>
<Head>
<Meta http-equiv = "Content-Type" content = "text / html; charset = windows-1251">
<Title> Колір фону </ title>
</ Head>
<body bgcolor = "# c0c0c0">
<P> ... </ p>
</ Body>
</ Html>

Колір можна вказувати в шістнадцятковому значенні або по його імені.

Незважаючи на те, що для фону можна вказувати будь-який колір, на більшості сайтів використовуються переважно білий фон і чорні літери, як найбільш усталений варіант.

фоновий малюнок

В якості фону можна використовувати будь-який зручний для цього зображення. Фон не повинен відволікати увагу від тексту, при цьому повинен добре поєднуватися з колірною гамою веб-сторінки і бути маленьким за розміром, щоб швидко завантажуватися. Якщо після перерахованого ви все ще хочете додати фоновий малюнок на сторінку, слід скористатися параметром background тега <BODY>.

Приклад 2. Додавання фонового малюнка

Дійсний код
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Transitional // EN" "http://www.w3.org/TR/html4/loose.dtd">
<Html>
<Head>
<Meta http-equiv = "Content-Type" content = "text / html; charset = windows-1251">
<Title> Шпалери </ title>
</ Head>
<body background = "image / samplebg.gif">
<P> ... </ p>
</ Body>
</ Html>

Якщо зображення менше розміру екрану монітора, воно буде розмножено по горизонталі і вертикалі.

Оскільки фоновий малюнок завантажується повільніше, ніж колір фону, може статися, що текст не буде читатися деякий час, поки не відбудеться завантаження малюнків. Те ж саме може статися і при відключених в браузері малюнках. Тому рекомендується завжди задавати колір фону поряд з фоновим малюнком (приклад 3).

Приклад 3. Використання фонового малюнка і кольору фону

Дійсний код
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Transitional // EN" "http://www.w3.org/TR/html4/loose.dtd">
<Html>
<Head>
<Meta http-equiv = "Content-Type" content = "text / html; charset = windows-1251">
<Title> Колір фону </ title>
</ Head>
<Body bgcolor = "# c0c0c0" background = "image / samplebg.gif">
<P> ... </ p>
</ Body>
</ Html>

фіксований фон

За замовчуванням, при використанні смуги прокрутки, фоновий малюнок переміщається разом з вмістом веб-сторінки. Internet Explorer дозволяє зробити фон нерухомим за допомогою параметра bgproperties = "fixed" тега <BODY>.

Приклад 4. Завдання фіксованого фону

Дійсний код
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Transitional // EN" "http://www.w3.org/TR/html4/loose.dtd">
<Html>
<Head>
<Meta http-equiv = "Content-Type" content = "text / html; charset = windows-1251">
<Title> Фон </ title>
</ Head>
<body bgcolor = "# c0c0c0" background = "image / samplebg.gif" bgproperties = "fixed">
<P> ... </ p>
</ Body>
</ Html>

При вказівці параметра bgproperties, як показано в прикладі 4, фоновий малюнок на веб-сторінці буде залишатися нерухомим, а текст, малюнки та інші елементи стануть переміщатися разом зі смугою прокрутки.

Copyright що кредитують © www.htmlbook.ru