La etiqueta <body> define el cuerpo del Documento HTML y funge como el contenedor de todo el contenido visible; tales como encabezados, párrafos, imágenes, enlaces, tablas, listas, etc. Solo puede haber un solo elemento <body> en un 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>.

Documento HTML Básico:

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

CSS (Hojas de Estilos en Cascada)

Configuración Predeterminada en CSS

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 (Interfaz DOM)

En JavaScript se puede acceder al elemento <body> a través de la siguiente sentencia:

document.body

Publicidad