Атрибут background для тега body.

Атрибут background стоит прописывать в открытии тега <body> в тех случаях, если нужно в качестве фона установить какое-либо изображение. При этом оно будет иметь только 100% размер, так как для фона ширина и высота картинки не указывается. Если же Ваше изображение по размеру будет меньшим, чем размер браузера пользователя, то оно будет дублироваться слева направо и сверху вниз. Исходя из этого, подбирайте такие картинки, которые будут иметь плавные переходы при дублировании, иначе пользователь будет видеть некрасивые стыки. Также в качестве фоновых изображений в атрибуте background можно использовать анимации в gif-формате, но с ними будьте осторожны, так как они частенько отвлекают посетителей сайта от контента, поэтому приводят к снижению посещаемости.

 

 

1. Относительный путь, если картинка размещена в том же каталоге, что и страница.

Например, Вы поместили изображение fon.jpg в каталог http://domznaniy.info/fon.jpg и желаете сделать его фоновым для страницы http://domznaniy.info/index.html. Для этого в открытии тега body пропишите атрибут background:

<html>
<head>
<title>Атрибут background для тега body</title>
</head>
<body background=”fon.jpg”>
Весь контент страницы (тексты, картинки любых форматов, ссылки, и пр.)
</body>
</html>

 

 

2. Относительный путь, если картинка размещена в подкаталоге, например, "images".

Если у Вас есть картинка fon.jpg, лежащая в каталоге http://domznaniy.info/images/fon.jpg и Вы желаете сделать ее фоновой для страницы http://domznaniy.info/index.html, то в открытии тега body пропишите атрибут background:

<html>
<head>
<title>Атрибут background для тега body</title>
</head>
<body background=”images/fon.jpg”>
Весь контент страницы (тексты, картинки любых форматов, ссылки, и пр.)
</body>
</html>

 

3. Абсолютный путь можно указывать даже, если изображение размещено на другом сайте.

Например, Вы хотите на главной странице http://domznaniy.info/index.html установить фон картинкой, лежащей по адресу http://другой-сайт.info/images/fon.jpg. Для этого в атрибуте background тега <body> необходимо прописать абсолютный путь к изображению:

<html>
<head>
<title>Атрибут background для тега body</title>
</head>
<body background=”http://другой-сайт.info/images/fon.jpg”>
Весь контент страницы (тексты, картинки любых форматов, ссылки, и пр.)
</body>
</html>

 

Таким образом, Вы можете задавать любые изображения в качестве фона для своих html страниц.

 

Больше информации о других атрибутах тега body здесь.

 

RGB и html цвета.

 

Важно!!!
Для самостоятельного и быстрого определения цветов при наведении мышки на объект web-дизайнеры и создатели сайтов используют отличную программу Pixie.

 

Интересное на Ютубе:

 

Похожие материалы:

 

 

Автор: Сосновский М.
Специально для: Дом знаний
1 1 1 1 1 1 1 1 1 1 Рейтинг 5.00 (2 Голоса (ов))
Понравилась статья?
Поделитесь ею с друзьями

Ошибка в тексте?
Выделите ее и Нажмите:
error in text button

 

Еще по теме:

 

 

Если статья Вам полезна,
не стесняйтесь и оставляйте свои комментарии.
Спасибо за посещение.

Добавить комментарий


Защитный код
Обновить

Креветка Вишня.

Креветка Вишня. Содержание Вишнев…

Креветка Красная Вишня (научн. Neocaridina denticulate sinenis "red" или англ. Red Cherry Shrimp) или просто...

Вопросы об аквариуме и рыбках.

Вопросы об аквариуме и рыбках. Ча…

Ежедневно тысячи людей принимают для себя решение завести аквариум с тропическими рыбками. Параллельно с эти...

Фильтр Penn-Plax Cascade.

Фильтр Penn-Plax Cascade. Внешний…

Как известно, для содержания рыбок нужны не только аквариум, вода и рыбки, но и ряд других приборов и приспо...

ДЛЯ ПОЛУЧЕНИЯ БОЛЬШОГО УРОЖАЯ ВИНОГРАДА НУЖНО...

Университет виноградаря научит выращивать виноград любого типа и в любых условиях...

ОБУЧЕНИЕ НА ВИДЕО КУРСАХ - ЛУЧШИЙ ВИД ПОЛУЧЕНИЯ ЗНАНИЙ...

Множество видео курсов на одном сайте. Здесь Вы найдете как платные, так и...

ХОЧЕШЬ ЗНАТЬ, КАК СОЗДАВАТЬ И РАСКРУЧИВАТЬ...

Азы сайтостроения. Все, что необходимо знать новичкам о...