Дом знаний

Атрибут 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/
Ответить | Ответить с цитатой | Цитировать
0 # old sequin kit 30.05.2018 02:49
Howdy! Do youu usse Twitter? I'd like to follow you if that
would be okay. I'm undoubtedly enjoying your blog and look forward to new updates.


Review my site: old
sequin kit: https://www.etsy.com/listing/596011592/28-gold-glass-papers-12-inch-300-dpi
Ответить | Ответить с цитатой | Цитировать
0 # Jamesdar 01.06.2018 12:12
купить генеральную доверенность: http://rutor.bz/topic/221-%E2%9C%96-%D0%BA%D0%B0%D1%87%D0%B5%D1%81%D1%82%D0%B2%D0%B5%D0%BD%D0%BD%D0%BE%D0%B5-%D0%B8%D0%B7%D0%B3%D0%BE%D1%82%D0%BE%D0%B2%D0%BB%D0%B5%D0%BD%D0%B8%D0%B5-%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%BE%D0%B2-%E2%9C%96-%D0%BA%D1%83%D0%BF/ - купить права в спб, купить бланк осаго уфа
Ответить | Ответить с цитатой | Цитировать
0 # Josephjar 02.06.2018 05:05
viagra generique sildenafil sans ordonnance: http://sansordonnance-france.fr/viagra-generique/ - viagra Ejaculation precoce quotidien, viagra Ejaculation precoce sans ordonnance.
Ответить | Ответить с цитатой | Цитировать
0 # Haroldjof 03.06.2018 01:28
Ремонт крыши: https://woodhouse495.ru/krovlya/krovlya_post-2/ - Шлифовка деревянных домов, Шлифовка в деревянном доме
Ответить | Ответить с цитатой | Цитировать
0 # digital paper pack 04.06.2018 13:20
It's going to be end of mine day, however befopre end I am reading this fantrastic article
tto improve my experience.

My weeb site :: digital
paper pack: https://www.etsy.com/listing/610790359/gold-flower-alphabet-27-cliparts-300-dpi
Ответить | Ответить с цитатой | Цитировать
0 # old sequin kit 05.06.2018 18:20
hi!,I love your writing ery so much! share we communicatfe more approximately your poost on AOL?
I require a specialist in this space to resolve
my problem. Maybe that's you! Taking a look ahead to look
you.

Review my weeb boog :: old sequin kit: https://www.etsy.com/listing/583756761/100-green-glitter-alphabet-cliparts-in
Ответить | Ответить с цитатой | Цитировать
0 # old sequin kit 10.06.2018 18:48
I really like your wriuting style, fantasstic info, regards for ptting up :
D.

my weblog: old sequin kit: https://www.etsy.com/listing/608921935/100-real-diamond-texture-papers-12inch
Ответить | Ответить с цитатой | Цитировать
0 # Arieljeori 15.06.2018 13:50
adderall 30 m white pill octagon manufacturer coupon code: https://www.bridordefrance.com/traductions/archive/ - does phentermine cause dementia patients, blue white k 25 phentermine diet pills review
Ответить | Ответить с цитатой | Цитировать
0 # loveawake.ru 15.06.2018 20:00
Знакомства в Артемовске. Сайт знакомств в Артемовске бесплатно, без регистрации, для серьезных отношений.: https://loveawake.ru/znakomstva/
Ответить | Ответить с цитатой | Цитировать
0 # Georgebub 17.06.2018 11:21
easter island photographer: https://en.danielnotcake.com/easter_island_photographer - price photo shoot in israel, Cappadocia photographer
Ответить | Ответить с цитатой | Цитировать
0 # Philliprhids 20.06.2018 17:08
сервис для взлома пароля, аккаунтов, чужой переписки ВзломВК: https://www.vzlomvk.net/ - Услуги взлом страницы Vkontakte на заказ, сервис для взлома профилей, аккаунтов, чужой переписки
Ответить | Ответить с цитатой | Цитировать
0 # WilliamZobre 23.06.2018 04:53
moneyboom деньги в долг: https://fin32.com/ua/eyboom.ua

moneyboom деньги в долг: https://fin32.com/ua/yboom.ua

e-cash деньги в долг: https://fin32.com/ua/cash.com.ua

soscredit деньги в долг: https://fin32.com/ua/credit.ua

dinero деньги в долг: https://fin32.com/ua/ro.com.ua

gloriafin деньги в долг: https://fin32.com/ua/iafin.com

e-cash деньги в долг: https://fin32.com/ua/cash.com.ua

gloriafin деньги в долг: https://fin32.com/ua/oriafin.com

e-cash деньги в долг: https://fin32.com/ua/h.com.ua

soscredit деньги в долг: https://fin32.com/ua/oscredit.ua
Ответить | Ответить с цитатой | Цитировать
0 # RockyGearf 24.06.2018 19:48
кредит онлайн: https://fin32.com/
взять кредит в Украине: https://fin32.com/
ccloan деньги в долг: https://fin32.com/ua/ccloan.ua
gloriafin деньги в долг: https://fin32.com/ua/gloriafin.com
moneyboom деньги в долг: https://fin32.com/ua/moneyboom.ua
soscredit деньги в долг: https://fin32.com/ua/soscredit.ua
dinero деньги в долг: https://fin32.com/ua/dinero.com.ua
e-cash деньги в долг: https://fin32.com/ua/e-cash.com.ua
Ответить | Ответить с цитатой | Цитировать
0 # GregoryMoown 28.06.2018 14:30
service for hacking facebook profiles, accounts: https://www.fbtracker.org/ - hack fb account, hack fb account
Ответить | Ответить с цитатой | Цитировать
0 # Michaelgor 28.06.2018 23:39
program + for hacking fb messenger: https://www.trackmessenger.org/ - hacking messeges fb messengerhackin g free, program + for hacking fb messenger
Ответить | Ответить с цитатой | Цитировать
0 # sequin 02.07.2018 14:41
I really like your writig style, suiperb information, thank youu for putting up :D.


Feel free to surf to my blog ... sequin: https://www.etsy.com/listing/608235657/100-luxury-foil-texture-papers-in-12inch
Ответить | Ответить с цитатой | Цитировать
0 # Gordgrum 04.07.2018 02:23
Ищешь доступную и сексуальную девочку на вечер? Заходи на сайт, лучшие проститутки Питера ждут тебя. Выбирай понравившуюся анкету шлюхи СПб и сексуальная девочка окажется возле тебя.
Проститутки Питера...: https://prostitutkipitera.pw/
Ответить | Ответить с цитатой | Цитировать
0 # Clyderob 04.07.2018 15:38
hacking free telegram: https://www.teletracker.org/ - program + for hacking telegram, program + for hacking telegram
Ответить | Ответить с цитатой | Цитировать
0 # AndrewSoarf 06.07.2018 19:45
https://www2.putlocker123.stream/series - watch free streaming movies online, free movies online streaming
Ответить | Ответить с цитатой | Цитировать
0 # Corey 08.07.2018 10:29
Aw, this was an extremely good post. Taking the
time and actual effort to make a superb article? but what can I say?
I put things off a loot and don't manage to get
anything done.

my blog Corey: https://www.etsy.com/listing/610790359/gold-flower-alphabet-27-cliparts-300-dpi
Ответить | Ответить с цитатой | Цитировать
0 # luxury background 10.07.2018 04:16
I've learn several good stuff here. Definitely worh bookmarking for revisiting.
I wonder how a lot attempt you put to create such a excellent informative site.


Feel free to visit my web blog :: luxury background: https://www.etsy.com/listing/560272286/24-glitter-christmas-digital-papers-12-x
Ответить | Ответить с цитатой | Цитировать

Растения на балконе. Разукрашенны…

Даже трудно представить себе современную квартиру без балкона или лоджии. А тем более, если балкон или лоджи...

Рождественник или Шлюмбергера. Ка…

Цветок Рождественник является великолепным домашним растением. Его еще называют "Шлюмбергера", "Зигокактус" ...

Пресноводный аквариум для новичков.

Пресноводный аквариум для новичко…

Добро пожаловать на страницу с пошаговым руководством по уходу за пресноводными аквариумными рыбками и други...

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

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

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

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

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

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

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

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