Дополнительные примеры

Полезные рекомендации

Background

Bgcolor

Фон

Тег <body> имеет два атрибута, которые позволяют определить фон. Фон можно задавать с помощью цвета или изображения.

Атрибут bgcolor определяет цвет фона для страницы HTML. Значение этого атрибута может быть шестнадцатеричным числом, значением RGB, или названием цвета:

Все приведенные выше строки задают цвет фона как черный. Наиболее часто используется первый способ задания цвета.

Атрибут background определяет изображение для фона страницы HTML. Значением этого атрибута является адрес URL изображения, которое желательно использовать. Если изображение меньше окна браузера, то изображение будет циклически повторяться, пока не заполнит все окно браузера.

Адрес URL может быть относительным (как в первой строке выше) или абсолютным (как во второй строке выше).

Примечание: Если вы хотите использовать фоновое изображение, необходимо помнить о следующем:

Не будет ли фоновое изображение слишком увеличивать время загрузки?
Будет ли фоновое изображение хорошо сочетаться с другими изображениями на странице?
Будет ли фоновое изображение хорошо сочетаться с цветами текста на странице?
Будет ли фоновое изображение хорошо выглядеть, когда оно циклически повторяется на странице?
Не будет ли фоновое изображение отвлекать внимание от текста?

Атрибуты bgcolor, background, и text в теге <body> не рекомендуется использовать в последних версиях HTML (HTML 4 и XHTML). Консорциум World Wide Web (W3C) исключил эти атрибуты из своих рекомендаций.

Вместо этого должны использоваться таблицы стилей (CSS) (для определения свойств компоновки и вывода элементов HTML). Используя таблицы стилей можно более гибко управлять настройками фона.

Хорошее фоновое изображение

<html><body background="background.jpg"><h3>Фоновое изображение</h3><p>В качестве фона HTML можно использовать как файлы gif, png, так и файлы jpg.</p><p>Если изображение меньше страницы, то изображение будет циклически повторяться.</p></body></html>

Пример выполнения данного HTML-кода

Пример фонового изображения и цвета текста, которые позволяют легко читать текст на странице.

Хорошее фоновое изображение

<html><body background="good.jpg"><h3>Фоновое изображение</h3><p>В качестве фона HTML можно использовать как файлы gif, png, так и файлы jpg.</p><p>Если изображение меньше страницы, то изображение будет циклически повторяться.</p></body></html>

Пример выполнения данного HTML-кода

Пример фонового изображения и цвета текста, которые позволяют легко читать текст на странице.

Плохое фоновое изображение

<html><body background="bad.jpg"><h3>Фоновое изображение</h3><p>В качестве фона HTML можно использовать как файлы gif, png, так и файлы jpg.</p><p>Если изображение меньше страницы, то изображение будет циклически повторяться.</p></body></html>

Пример выполнения данного HTML-кода

Пример фонового изображения и цвета текста, которые существенно затрудняют чтение текста. И кроме того очень большой размер данной картинки сильно увеличивает время загрузки.