Атрибут 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

 

Еще по теме:

 

 

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

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


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

Внутренний скиммер Visi-Jet-PS.

Внутренний скиммер Visi-Jet-PS. О…

Надеюсь, Вы уже знаете, что такое протеиновый скиммер, который также называют пеноотделительной колонкой и ф...

Анатомия рыб.

Анатомия рыб.

Что такое анатомия рыбы? Понятие анатомия рыб, точно также как и анатомия человека, обозначает строение тела...

Как установить расширение Adblock…

Adblock Plus пожалуй, одно из лучших на сегодняшний день расширений для браузеров, осуществляющее блокировку...

КАК ВЫБРАТЬ И ГДЕ КУПИТЬ ЛУЧШИЙ КВАДРОКОПТЕР...

Из всего разнообразия Вы сможете выбрать именно ту модель квадрокоптера с камерой...

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

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

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

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

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

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