Разное

Тег боди: Атрибут bgcolor | htmlbook.ru

06.04.2023

Содержание

| WebReference

Элемент <body> (от англ. body — тело) предназначен для хранения содержимого веб-страницы (контента), отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера <body>. К такой информации относится текст, изображения, теги, скрипты JavaScript и т. д.

<body> также применяется для определения цветов ссылок и текста на веб-странице. Подобная практика в HTML осуждается и взамен для указания цветовой схемы рекомендуется использовать стили, применяя их к селектору body.

Часто <body> используется для размещения обработчика событий, например, onload, которое выполняется после того, как документ завершил загрузку в текущее окно или фрейм.

Открывающий и закрывающий теги <body> на веб-странице не являются обязательными, однако хорошим стилем считается их использование, чтобы определить начало и конец HTML-документа.

Синтаксис

<body>
  . ..
</body>

Атрибуты

alink
Устанавливает цвет активной ссылки.
background
Задает фоновый рисунок на веб-странице.
bgcolor
Цвет фона веб-страницы.
bgproperties
Определяет, прокручивать фон совместно с текстом или нет.
bottommargin
Отступ от нижнего края окна браузера до контента.
leftmargin
Отступ по горизонтали от левого края окна браузера до контента.
link
Цвет ссылок на веб-странице.
rightmargin
Отступ от правого края окна браузера до контента.
scroll
Устанавливает, отображать полосы прокрутки или нет.
text
Цвет текста в документе.
topmargin
Отступ от верхнего края окна браузера до контента.
vlink
Цвет посещённых ссылок.

Также для этого элемента доступны универсальные атрибуты и события.

Пример

<!DOCTYPE html> <html> <head> <title>BODY</title> <meta charset=»utf-8″> </head> <body onload=»alert(‘Документ загружен’)»> <p>Еще Аристотель в своей «Политике» говорил, что музыка, воздействуя на человека, доставляет «своего рода очищение, то есть облегчение, связанное с наслаждением».</p> </body> </html>

Результат текущего примера показан на рис. 1. При использовании события onload элемента <body> выполняется скрипт, написанный на языке JavaScript, в данном случае он выводит сообщение, что документ загружен.

Рис. 1. Всплывающее окно в документе

Спецификация

СпецификацияСтатус
WHATWG HTML Living StandardЖивой стандарт
HTML5Рекомендация
HTML 4.01 SpecificationРекомендация
Спецификация

Каждая спецификация проходит несколько стадий одобрения.

  • Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
  • Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
  • Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
  • Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
  • Editor’s draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
  • Draft (Черновик спецификации) — первая черновая версия стандарта.

Браузеры

1121111
1161
Браузеры

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

Документ

См. также

  • Создание первой веб-страницы

Практика

  • Структура HTML-кода

Тег body в HTML | вебисторий

Редко какая веб-страница создаётся не для распространения контента. Именно внутри тега <body> должен располагаться весь тот контент, что мы хотим показать на странице. Это и текст, и изображения, и скрипты, и многое другое. Сегодня разберём этот очень важный для HTML-документа тег.

Хотя тег <body> считается своего рода стандартом, его наличие в HTML-документе не является обязательным. С другой стороны, выделение основной части HTML-документа является «хорошим тоном».

Для тега <body> доступно довольно много атрибутов, в том числе и универсальных. Также для тега <body> доступны события.

alink — устанавливает цвет активной ссылки. Текущий цвет меняется, когда на ссылку нажимают курсором мыши или выделяют её при помощи клавиатуры. Цвет можно задать с помощью шестнадцатеричного кода или по названию цвета, если речь идёт о самых распространённых цветах.

 
<body alink="red">
 <p><a href="https://sitename.ru">Ссылка</a></p>
</body>

background — задаёт фоновый рисунок для веб-страницы. Для фонового рисунка не устанавливаются ширина и высота, он всегда отображается в масштабе 100%. Если рисунок по размеру меньше окна браузера, то картинка повторяется как мозаика. В качестве фона допускается использовать анимированные изображения в формате GIF, но это считается «плохим тоном» из-за того, что они отвлекают внимание посетителей сайта.

<body background="images/fon.gif">
 <p>текст</p>
</body>

bgcolor — устанавливает цвет фона веб-страницы.

Может использоваться совместно с background, чтобы цвет фона гармонировал с фоновым рисунком. Цвет можно задать с помощью шестнадцатеричного кода или по названию цвета, если речь идёт о самых распространённых цветах.

<body bgcolor="#008000">
 <p>текст</p>
</body>

bgproperties — определяет, прокручивается фоновый рисунок вместе с текстом и другими элементами на странице или нет. По умолчанию фоновый рисунок прокручивается вместе с содержимым веб-страницы. Чтобы зафиксировать фон, нужно использовать bgproperties=»fixed». Чтобы фон не фиксировался, достаточно не использовать bgproperties или использовать bgproperties=»».

<body background="images/fon.gif" bgproperties="fixed">
 <p>текст</p> 
</body>

bottommargin — определяет размер отступа от нижнего края браузера до контента веб-страницы. Значением может быть целое положительное число, которое задаёт отступ в пикселях.

<body bottommargin="15">
 <p>текст</p>
</body>

leftmargin — определяет размер отступа от левого края браузера до контента веб-страницы. Значением может быть целое положительное число, которое задаёт отступ в пикселях.

<body leftmargin="15">
 <p>текст</p>
</body>

link — устанавливает цвет непосещённых ссылок. Цвет можно задать с помощью шестнадцатеричного кода или по названию цвета, если речь идёт о самых распространённых цветах.

<body link="green">
 <p><a href="https://sitename.ru">Ссылка</a></p>
</body>

rightmargin — определяет размер отступа от правого края браузера до контента веб-страницы. Значением может быть целое положительное число, которое задаёт отступ в пикселях.

<body rightmargin="15">
 <p>текст</p>
</body>

scroll — управляет отображением полос прокрутки, когда размер контента превышает размер текущего окна. Для запрета отображения полос прокрутки нужно использовать scroll=»no», для разрешения не использовать scroll или использовать scroll=»yes».

<body scroll="no">
 <p>текст</p>
</body>

text — устанавливает цвет текста, используемый на веб-странице по умолчанию. Цвет можно задать с помощью шестнадцатеричного кода или по названию цвета, если речь идёт о самых распространённых цветах. Цвета отдельных элементов можно изменять с помощью стилей.

<body text="maroon">
 <p>текст</p>
</body>

topmargin — определяет размер отступа от верхнего края браузера до контента веб-страницы. Значением может быть целое положительное число, которое задаёт отступ в пикселях.

<body topmargin="15">
 <p>текст</p>
</body>

vlink — задаёт цвет посещённых ссылок. Цвет можно задать с помощью шестнадцатеричного кода или по названию цвета, если речь идёт о самых распространённых цветах.

<body vlink="#008080">
 <p><a href="https://sitename.ru">Ссылка</a></p>
</body>

В целом, спецификация HTML не одобряет использование атрибутов background, alink, bgcolor, link, text и vlink. Валидный код в таком случае будет только если использовать переходный <!DOCTYPE …>.

Использование атрибутов bgproperties, bottommargin, leftmargin, rightmargin и topmargin и вовсе осуждается спецификацией HTML и их наличие приведёт к невалидному коду. А браузер Mozilla Firefox не поддерживает эти атрибуты в принципе.

Ну и отдельно про атрибут scroll. Использовать его особенно не рекомендуется. Мало того, что его наличие сделает код невалидным, так он ещё и не поддерживается почти всеми браузерами кроме Internet Explorer.

Bodysuit Tags — Etsy Turkey

Etsy больше не поддерживает старые версии вашего веб-браузера, чтобы обеспечить безопасность пользовательских данных. Пожалуйста, обновите до последней версии.

Воспользуйтесь всеми преимуществами нашего сайта, включив JavaScript.

Найдите что-нибудь памятное, присоединяйтесь к сообществу, делающему добро.

( 552 релевантных результата, с рекламой Продавцы, желающие расширить свой бизнес и привлечь больше заинтересованных покупателей, могут использовать рекламную платформу Etsy для продвижения своих товаров. Вы увидите результаты объявлений, основанные на таких факторах, как релевантность и сумма, которую продавцы платят за клик. Узнать больше. )

  • Комбинезоны и боди — Sage the Label

    Комбинезоны и боди — Мудрец лейбл перейти к содержанию

    Быстрый просмотр

    Быстрый просмотр

    Комбинезон в римскую полоску

    $90. 00

    Комбинезон в римскую полоску

    90,00 $

    Добавлено в вашу корзину:

    {{ item_count }} {{ product_title }}

    {{ variant }}

    {{{ price_formatted }}}

    Оформление заказа Посмотреть корзину

    Наш комбинезон в римскую полоску с пуговицами спереди, карманами и широкими регулируемыми бретельками. В сочетании с белыми кроссовками и объемной курткой вы получите идеальный повседневный образ. Подробнее Карманы спереди…

    Посмотреть продукт →

    Быстрый просмотр

    Быстрый просмотр

    боди When In Rome

    $80.00

    Боди When In Rome

    80,00 $

    Добавлено в вашу корзину:

    {{ item_count }} {{ product_title }}

    {{ variant }}

    {{{ price_formatted }} Оформить заказ}

    3 90 Посмотреть корзину

    Боди

    Our When In Rome с запахом спереди и рукавами с оборками. Это боди — лучшая альтернатива белой футболке, идеально подходящая для тех дней, когда вы хотите быть…

    Посмотреть продукт →

    Быстрый просмотр

    Быстрый просмотр

    Комбинезон побережья Амальфи

    $95.00

    Комбинезон Amalfi Coast

    95,00 $

    Добавлено в вашу корзину:

    {{ item_count }} {{ product_title }}

    {{ variant }}

    {{{ price_formatted }}}

    Касса Посмотреть корзину

    Наш комбинезон Amalfi Coast выполнен из легкой ткани с цветочным принтом и украшен тонкой завязкой на спине. Наденьте под футболку с длинным рукавом для холодных ночей. Подробнее Самозавязывающийся…

    Посмотреть продукт →

    Быстрый просмотр

    Быстрый просмотр

    Классный классический комбинезон

    $100. 00

    Классный классический комбинезон

    100,00 $

    Добавлено в вашу корзину:

    {{ item_count }} {{ product_title }}

    {{ variant }}

    {{{ price_formatted }} Оформить заказ}

    3 90 Посмотреть корзину

    Наш классный классический комбинезон с широкой посадкой и ассиметричными лямками. Сочетайте с каблуками, чтобы подчеркнуть свой образ. Детали Регулируемый тонкий ремешок с односторонним вырезом Ткань и уход 95 % ПОЛИЭСТЕР 5 % СПАНДЕКС Размеры…

    Посмотреть продукт →

    Быстрый просмотр

    Быстрый просмотр

    Блестящее боди Adele

    $55.00

    Блестящее боди Adele

    55,00 $

    Добавлено в вашу корзину:

    {{ item_count }} {{ product_title }}

    {{ variant }}

    {{{ price_formatted }}}

    Касса Посмотреть корзину

    Наше боди Adele Glitter выполнено из металлизированного трикотажа с регулируемыми бретельками-спагетти. Сочетайте его с нашими брюками из веганской кожи Katy для шикарного вечера. Детали Регулируемые бретели Вырез капюшона Ткань…

    Посмотреть продукт →

    Быстрый просмотр

    Быстрый просмотр

    Комбинезон What U Gonna

    $80.00

    Комбинезон What U Gonna

    80,00 $

    Добавлено в вашу корзину:

    {{ item_count }} {{ product_title }}

    {{ variant }}

    {{{ price_formatted }}}

    3 Checkout

    3 Посмотреть корзину

    Наш комбинезон What U Gonna с V-образным вырезом спереди и разноцветным принтом. Добавьте свои любимые кроссовки для повседневного образа. Детали Передние лямки с V-образным вырезом Ткань и уход 100% ПОЛИЭСТЕР Размеры…

    Посмотреть продукт →

    Быстрый просмотр

    Быстрый просмотр

    Боди Брайдена

    $60. 00

    Боди Brayden

    60,00 $

    Добавлено в вашу корзину:

    {{ item_count }} {{ product_title }}

    {{ variant }}

    {{{ price_formatted }} Оформить заказ}

    3 90 Посмотреть корзину

    Наше боди Brayden — идеальный вариант для лета в серо-коричневом цвете с вырезом на спине. В сочетании с шортами Back N Forth создайте атмосферу вестерна. Подробнее Вырезать…

    Посмотреть продукт →

    Быстрый просмотр

    Быстрый просмотр

    Бохо-комбинезон Babe

    $105,00

    Комбинезон Boho Babe

    105,00 $

    Добавлено в вашу корзину:

    {{ item_count }} {{ product_title }}

    {{ variant }}

    {{{ price_formatted }} Оформить заказ}

    3 90 Посмотреть корзину

    Наш комбинезон Boho Babe представляет собой комбинезон с высоким воротником из атласной жаккардовой ткани.

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

    Ваш адрес email не будет опубликован. Обязательные поля помечены *