Дом знаний

Атрибут 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 # SergioSmupe 28.09.2018 20:48
Гражданство женщинам из СНГ через Брак. Можно Формальный. Гарантия 100%. Дорого. Обращаться на почту
Ответить | Ответить с цитатой | Цитировать
0 # DouglasGooda 30.09.2018 12:27
Telegram Hack Online: https://www.appmsr.com/telegram-hacking - Hack Snapchat Online Tool, FB Messenger Hack
Ответить | Ответить с цитатой | Цитировать
0 # AllanClope 04.10.2018 00:55
купить патент на работу в россии 18: https://rutor.vip/topic/4794-%D0%B1%D0%BB%D0%B0%D0%BD%D0%BA%D0%B8-%D0%B1%D0%BE%D0%BB%D1%8C%D0%BD%D0%B8%D1%87%D0%BD%D1%8B%D1%85-%D0%BB%D0%B8%D1%81%D1%82%D0%BE%D0%B2%D0%BF%D0%BE%D1%82%D0%B5%D0%BD%D1%82%D0%BE%D0%B2-%D0%BD%D0%B0-%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%83-%D1%81%D0%BF/ - купить права на водный транспорт саратов, кардинг обнал
Ответить | Ответить с цитатой | Цитировать
0 # Davidwreri 06.10.2018 15:26
таблетка +для 1080: https://crazy-mining.org/majning-2/tabletka-dlja-majninga-gtx-1080-gtx-1080-ti/ - скачать atiflash, nicehash miner legacy скачать
Ответить | Ответить с цитатой | Цитировать
0 # StevenRop 08.10.2018 10:21
Узнать местоположение человека по мобильному телефону: https://www.phone-location.net/mestopolozheniye-cheloveka - Местоположение телефона в режиме онлайн на карте, Узнать местоположение человека по мобильному телефону
Ответить | Ответить с цитатой | Цитировать
0 # ShaneRic 09.10.2018 20:02
http://diplomy-goznak.com
http://diplomy-goznak.com/
http://diplomy-goznak.com/ompany
http://diplomy-goznak.com/seny-na-dokumenty/
http://diplomy-goznak.com/plata-dostavka
http://diplomy-goznak.com/akazat-diplom
http://diplomy-goznak.com/oprosy-i-otvety
http://diplomy-goznak.com/oroda/
http://diplomy-goznak.com/ontakty
Ответить | Ответить с цитатой | Цитировать
0 # JarvisFep 13.10.2018 11:19
Привет всем!
Нашел прикольные новости на этом сайте: http://coolrobo.ru :
http://coolrobo.ru/foto-prikoly-interesnoe/6215-zagorevshiysya-iphone-podzharil-zadnicu-velosipedista.html Загоревшийся iPhone поджарил задницу велосипедиста
Настоящие ТХ : http://coolrobo.ru/foto-prikoly-interesnoe/1222-nastoyaschie-th.html
http://coolrobo.ru/foto-prikoly-interesnoe/834-4-samyh-strannyh-napitka.html
Ответить | Ответить с цитатой | Цитировать
0 # Darrickbot 14.10.2018 05:52
Приветствую всех! интересный у вас сайт!
Нашел русскую базу кино: смотреть сериал шакал в хорошем http://kinokub.net/: http://kinokub.net/
Тут: смотреть лучшие фильмы фэнтези в hd качестве http://kinokub.net/fentezi/ список 2018
Тут: смотреть лучшие драмы 2018: http://kinokub.net/drama/ смотреть лучшие драмы список 2017
Здесь: документальное фильмы онлайн бесплатно хорошего качества: http://kinokub.net/dokumentalnyy/ лучшие документальные онлайн фильмы бесплатно список 2017
Тут: http://kinokub.net/triller/1613-marionetka-marionette-a-puppet-2013.html Смотреть Марионетка / Marionette / A Puppet (2013) онлайн бесплатно
Здесь: http://kinokub.net/news/9224-raskol-mstiteley-edva-ne-raskolol-studiyu-marvel.html
Ответить | Ответить с цитатой | Цитировать
0 # RobertPrelp 21.10.2018 01:36
Приветствую!
Нашел приколы за день на этом сайте: http://limonos.ru :
http://limonos.ru/foto-prikoly-interesnoe/6038-24-letniy-halk-iz-irana.html 24-летний Халк из Ирана
Уличный художник Seth Globepainter : http://limonos.ru/foto-prikoly-interesnoe/3451-ulichnyy-hudozhnik-seth-globepainter.html
http://limonos.ru/foto-prikoly-interesnoe/4731-start-kosmicheskogo-korablya-soyuz-tma-17m.html
Ответить | Ответить с цитатой | Цитировать
0 # Connieetend 08.11.2018 11:08
Здравствуйте! прикольный у вас сайт!
Нашел топ базу кино: новые комедии онлайн бесплатно в хорошем качестве http://kinokub.net/: http://kinokub.net/
Тут: фильмы фантастика хорошего качества 2018 года http://kinokub.net/fantastika/ список 2018
Тут: комедии бесплатно в хорошем качестве ютуб http://kinokub.net/komediya/ список 2017
Здесь: лучшие мелодрамы в hd качестве http://kinokub.net/melodrama/ список 2018
Здесь: http://kinokub.net/melodrama/6004-poteryannyy-ray-escobar-paradise-lost-2014.html Смотреть Потерянный рай / Escobar: Paradise Lost (2014) онлайн бесплатно
Здесь: http://kinokub.net/drama/6394-luchshe-zvonite-solu-better-call-saul-sezon-1-2-2015.html
Ответить | Ответить с цитатой | Цитировать
0 # LanceBug 10.11.2018 23:20
Приветствую всех!
Нашел прикольные новости на этом сайте: http://okaybro.ru :
Секреты фармацевтически х компаний : http://okaybro.ru/foto-prikoly-interesnoe/425-sekrety-farmacevticheskih-kompaniy.html
Неделя высокой моды в Париже: Viktor & Rolf весна-лето 2015 http://okaybro.ru/foto-prikoly-interesnoe/2877-nedelya-vysokoy-mody-v-parizhe-viktor-rolf-vesna-leto-2015.html
http://okaybro.ru/foto-prikoly-interesnoe/5762-zhenskiy-resling-v-yaponii.html
Ответить | Ответить с цитатой | Цитировать
0 # lorraineap2 15.11.2018 14:19
Hi new website

http://jazmyn.project.hotblognetwork.com/?entry.meadow

clips porn free gay mixed thumbs porn flash movies hiring porn women handcuffed and cries porn cobra porn trailer free
Ответить | Ответить с цитатой | Цитировать
0 # johnma69 22.11.2018 03:22
Started unusual spider's web project

http://jaida.project.hotblognetwork.com/?post.denisse

hit home movies porn brooke skyler porn caramel porn star website porn film the invisible girl amateur porn rough sex
Ответить | Ответить с цитатой | Цитировать

Pixie – лучшая программа для опре…

Работая на компьютере, рисуя в Photoshop и занимаясь дизайном сайтов, мне частенько приходится узнавать, как...

Сом Шмель (Bumblebee Catfish).

Сом Шмель (Bumblebee Catfish) или…

Сом Шмель (Bumblebee Catfish), которого еще иногда называют Сом Пчела, является довольно яркой цветной рыбко...

Петушки Махачай или Бойцовые рыбки Махачай.

Петушки Махачай или Бойцовые рыбк…

Петушок Махачай (научн. Betta sp. Mahachai) или Бетта Махачай (англ. Mahachai Betta) – это Петушки, вы...

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

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

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

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

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

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