Body css что это
Перейти к содержимому

Body css что это

  • автор:

Body css что это

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

Тег также применяется для определения цветов ссылок и текста на веб-странице. Подобная практика в HTML 4 осуждается и взамен для указания цветовой схемы рекомендуется использовать стили, применяя их к селектору BODY . Тем не менее, большинство атрибутов до сих пор поддерживается разными браузерами.

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

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

Синтаксис

Атрибуты

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

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

Закрывающий тег

Открывающий и закрывающий теги не обязательны.

HTML5 IE Cr Op Sa Fx

   Тег BODY 

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.

Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

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

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

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

Статьи по теме

  • Структура HTML-кода
  • Структура XHTML-документа
  • Теги верхнего уровня
  • Цвет ссылок

HTML тег

Тег определяет контент HTML документа (текст, изображения, ссылки и т.д.). Он располагается внутри элемента , после тега . В одном документе допускается использование только одного тега .

Синтаксис

Tег парный. Его содержимое пишется между открывающим () и закрывающим () тегами.

Пример

html> html> head> title>Заголовок документа title> head> body> Содержание документа body> html>

Результат

Содержание документа

Атрибуты

Атрибуты Значение Описание
alink color Определяет цвет активной ссылки.
Не используется в HTML5.
background URL Устанавливает фоновое изображение.
Не используется в HTML5.
bgcolor color Определяет цвет фона.
Не используется в HTML5.
link color Определяет цвет непосещенных ссылок.
Не используется в HTML5.
text color Определяет цвет текста документа.
Не используется в HTML5.
vlink color Определяет цвет посещенной ссылки.
Не используется в HTML5.

Как добавить стиль к тегу ?

Распространенные свойства для изменения визуальной насыщенности/выделения/размера текста внутри тега :

  • CSS свойство font-style задает стиль шрифта: normal | italic | oblique | initial | inherit
  • CSS свойство font-family создает приоритетный список названий семейства шрифтов и/или общее имя шрифтов для выбранных элементов.
  • CSS свойство font-size задает размер щрифта.
  • CSS свойство font-weight устанавливает насыщенность шрифта.
  • CSS свойство text-transform задает регистр текста (заглавные или строчные буквы).
  • CSS свойство text-decoration устанавливает оформление текста. Оно является сокращенным свойством для text-decoration-line, text-decoration-color, text-decoration-style.

Цвет текста внутри тега :

  • CSS свойство color определяет цвет контента и оформления текста.
  • CSS свойство background-color устанавливает фоновый цвет элемента.

Стили форматирования текста для тега :

  • CSS свойство text-indent указывает размер отступа первой строки в текстовом блоке.
  • CSS свойство text-overflow указывает, как будет отображаться пользователю строчный текст, выходящий за границы блока.
  • CSS свойство white-space указывает, как будут отображены пробелы внутри элемента.
  • CSS свойство word-break указывает перенос строки.

Другие свойства для тега :

  • CSS свойство text-shadow добавляет тень к тексту.
  • CSS свойство text-align-last выравнивает последнюю строку текста.
  • CSS свойство line-height устанавливает межстрочный интервал.
  • CSS свойство letter-spacing устанавливает расстояние между буквами/символами в тексте.
  • CSS свойство word-spacing устанавливает расстояние между словами в тексте.

HTML тег

HTML тег определяет содержимое (контент) HTML-документа, которое отображается в окне браузера (текст, ссылки, картинки (изображения), таблицы, списки и т.д.). Он должен быть единственным в документе и всегда должен располагаться внутри элемента , сразу после элемента .

Тег часто используется для размещения обработчиков событий, например onload, который позволяет выполнить скрипт после того, как содержимое документа будет загружено.

Примечание: все атрибуты (vlink, text, link, bgcolor, background, alink), ранее используемые с элементом , считаются устаревшими и запрещены к использованию в HTML5, поэтому для определения цвета заднего фона, цвета текста или ссылок, а так же для добавления фонового изображения и т.д. используйте CSS.

Элемент является блочным и по умолчанию имеет небольшой внешний отступ со всех сторон, его высота определяется его содержимым. Чтобы растянуть его на всю высоту окна браузера, нужно указать высоту для него и для элемента равную 100%:

html, body

Несмотря на то, что по умолчанию высота элемента не охватывает всё окно браузера, если указать фон для него, он будет охватывать всю видимую область, однако если установить фон и для элемента и для элемента , то фон элемента будет равняться его текущей высоте.

Атрибуты

Стиль по умолчанию

body < display: block; margin: 8px; >body:focus

Пример

   Заголовок документа  Содержимое страницы  

Результат данного примера в окне браузера:

Пример использования тега <body></p>
<p>» width=»274″ height=»161″ /></p><div class='code-block code-block-11' style='margin: 8px 0; clear: both;'>
<!-- 11agladky -->
<script src=

Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011 – 2023 © puzzleweb.ru | razumnikum.ru

Body css что это

Один из тегов основной структуры любой HTML-страницы. Содержим в себе видимую часть сайта.

Время чтения: меньше 5 мин

Открыть/закрыть навигацию по статье

  1. Кратко
  2. Пример
  3. Как пишется
  4. На практике
    1. Дока Дог советует
    2. Вадим Макеев советует
    3. Алёна Батицкая советует

    Контрибьюторы:

    Обновлено 20 декабря 2021

    Кратко

    Скопировать ссылку «Кратко» Скопировано

    Элемент содержит весь контент, который появится на странице: текст, изображения, теги, скрипты JavaScript и так далее.

    В вашем документе может быть только один .

    Пример

    Скопировать ссылку «Пример» Скопировано

         Название документа   

    Здесь вы напишете текст

    DOCTYPE html> html lang="ru"> head> title>Название документаtitle> head> body> p>Здесь вы напишете текстp> body> html>

    Как пишется

    Скопировать ссылку «Как пишется» Скопировано

    Элемент ставят сразу после закрывающего < / head>.

    На практике

    Скопировать ссылку «На практике» Скопировано

    Дока Дог советует

    Скопировать ссылку «Дока Дог советует» Скопировано

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

    Вадим Макеев советует

    Скопировать ссылку «Вадим Макеев советует» Скопировано

    �� По спецификации тег вроде как не обязательный, так что можно его и не писать — браузер сам поймёт, что выводить на странице по типу тега. Но на практике получается, что лучше явно обозначить, что идёт в , а что в — от места вывода тега может меняться его работа. Всегда явно открывайте и закрывайте тег , и всё будет хорошо.

    Алёна Батицкая советует

    Скопировать ссылку «Алёна Батицкая советует» Скопировано

    Пример страницы с браузером и белыми полями по краям

    Причина отступа в этих стандартных браузерных стилях:

     body  display: block; /* Тот самый отступ */ margin: 8px;> body  display: block; /* Тот самый отступ */ margin: 8px; >      

    Для сброса стандартных стилей достаточно написать в CSS следующее, и всё будет супер:

     body  margin: 0;> body  margin: 0; >      

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

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