La Etiqueta BODY

La Etiqueta BODY define el contenedor que será el cuerpo principal y visible del Documento para los Navegadores Web. Referencias a su Descripción, Aplicación y Wso

La etiqueta <body> define el cuerpo del Documento HTML y así funge como el contenedor de todo el contenido; tales como encabezados, párrafos, imágenes, enlaces, tablas, listas, etc. Solo puede haber un solo elemento <body> en documento HTML.

Dado que la etiqueta <body> es estructural para contener el contenido visible de un Documento HTML, esta, debe estar colocada como el segundo elemento de un elemento <html>. Es decir, anidado dentro del elemento <html> e inmediatamente posterior a el elemento <head>.

<!DOCTYPE html>
<html>
  <head>
    <title>Titulo de la Página</title>
  </head>
  <body>
    <h1>Mi primera página</h1>
    <p>Mi primer parrafo</p>
  </body>
</html>

Atributos Globales

La etiqueta body acepta los siguientes atributos globales:

Atributo Descripción
lang Establece el idioma del contenido en un Elemento HTML.

Restricciones

No es permitido el atributo rol.

CSS

Configuración CSS Predeterminada

La mayoría de los navegadores web desplegará el elemento <body> con los siguientes valores por defecto:

body {
  display: block;
  margin: 8px;
}
body:focus {
  outline: none;
}

JavaScript

Intrefaz DOM

Puedes acceder al elemento <body> a través de la propiedad document.body.