Дом знаний

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

 

Еще по теме:

 

 

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

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


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

Комментарии   

0 # Anadyhew 20.05.2018 23:25
Blank obrazec http://bgimages.pl/?top=Акт-о-приемке-материалов-форма-м-7.html Medical documents 001 http://bgimages.pl/?top=Бланк-заявления-на-загранпаспорт-для-детей.html
Ответить | Ответить с цитатой | Цитировать
0 # Gradyfet 22.05.2018 01:08
сиберика косметика официальный интернет магазин: https://professionalsolutions.eu/ru/ - интернет магазин косметики премиум, аромагуд интернет магазин парфюмерии и косметики.
Ответить | Ответить с цитатой | Цитировать
0 # StephenGuito 23.05.2018 07:03
CoinDump - a new cryptocurrency based on a dump of cryptocurrencie s.
The rate of CD is growing every day.
50 CD and 0.00005 BTC for REGISTRATION
https://coindump.biz/?ref=0110ce0e15d11860f5c787dd7668239a
Ответить | Ответить с цитатой | Цитировать
0 # AlanaAsces 23.05.2018 15:06
Зарегистрируйся и получи подарок.: https://tusso.com.ua/zaberi-svoj-podarok/
А также будешь участвовать в ежемесячном розыграше призов.

Франшиза TUSSO: готовый базнес по продаже бижутерии и акссесуаров для волос.: https://tusso.com.ua/franshiza/
Ответить | Ответить с цитатой | Цитировать

1 триместр беременности. Здоровая…

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

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

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

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

Актиния Кондилактис гигантский.

Актиния Кондилактис гигантский. С…

Актиния Кондилактис гигантский (научн. Condylactis gigantea) либо Актиния Конди (англ. Condy Anemone) &ndash...

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

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

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

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

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

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

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

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