Атрибут 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 # agewignee 05.04.2018 23:29
Aid you easily mearge MP3 recordsdata with highly effective and advanced options http://www.mergemp3.com/. The app helps more than 300 audio codecs, routinely converting them to mp3 for faster and easier operation. http://www.mergemp3.com/
Ответить | Ответить с цитатой | Цитировать
0 # agewignee 06.04.2018 21:45
Provide help to easily mearge MP3 information with powerful and superior options merge mp3 online: http://www.mergemp3.com/. The app helps greater than 300 audio formats, routinely converting them to mp3 for faster and simpler operation. merge mp3 files
Ответить | Ответить с цитатой | Цитировать
0 # BradleyBef 06.04.2018 23:24
катаракта операция: https://mgklru.livejournal.com/2334.html - катаракта стоимость, восстановление зрения с LASIK(ЛАСИК).
Ответить | Ответить с цитатой | Цитировать
0 # Michaelplels 08.04.2018 10:11
I've been exploring for a bit for any high quality articles or blog posts in this sort of space . Exploring in Yahoo I ultimately stumbled upon this web site. Reading this information So i am glad to exhibit that I have an incredibly just right uncanny feeling I came upon just what I needed. I so much definitely will make certain to do not omit this website and give it a glance regularly.
--------------- --------------- ------------
http://megasto.com.ua

f7rpf9Sg6L
Ответить | Ответить с цитатой | Цитировать
0 # Glennhub 08.04.2018 15:47
программа для взлома Инстаграм онлайн: https://www.instavzlom.net/ - чужая переписка Instagram, программа для взлома Инстаграм онлайн.
Ответить | Ответить с цитатой | Цитировать
0 # Stephenvew 08.04.2018 18:31
Viagra Generico 50 mg dosaggio: http://senzaricetta-italia.it/news-su-viagra/ - Viagra offerta 50 mg spedizione gratis, Viagra senza ricetta economico.
Ответить | Ответить с цитатой | Цитировать

Клубника в домашних условиях част…

Уход за клубникой в домашних условиях.Световой день, полив и подкормка клубники. В прошлых статьях о выращи...

Тетраодон Нигровиридис или Тетраодон Зеленый.

Тетраодон Нигровиридис или Тетрао…

Тетраодон Нигровиридис (научн. Tetraodon Nigroviridis), которого часто называют Тетраодон Зеленый или Зелена...

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

Протеиновый скиммер для морского …

Что такое протеиновый скиммер? Протеиновый скиммер, также иногда называют пеноотделительной колонкой, флорат...

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

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

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

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

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

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

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

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