Etiqueta HTML `<body>`

La etiqueta <code><body></code> define el contenido de una página web (texto, imágenes, enlaces, etc.). Se coloca dentro del elemento <a href="/learn-html/html-html-tag.html"><code><html></code></a>, después del elemento <a href="/learn-html/html-head-tag.html"><code><head></code></a>. En un documento HTML, solo se puede usar una etiqueta <code><body></code>.

Las clases CSS se suelen añadir al elemento <code><body></code>, lo que permite a los desarrolladores de JavaScript y diseñadores dirigirse a las páginas fácilmente. Incluso si estas clases no se utilizan, no causarán ningún problema.

Sintaxis

La etiqueta <code><body></code> aparece en pares. El contenido se escribe entre las etiquetas de apertura (<code><body></code>) y cierre (<code></body></code>).

Ejemplo de la etiqueta HTML `<code><body></code>`:

Etiqueta HTML <body>

html

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p>Content of the document</p>
  </body>
</html>

Try it Yourself »

Resultado

ejemplo de body

Ejemplo de la etiqueta HTML `<code><body></code>` utilizada con las propiedades CSS color y line-height:

Ejemplo de la etiqueta HTML <body> con las propiedades CSS

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      body {
        color: #444444;
        line-height: 1.5;
      }
    </style>
  </head>
  <body>
    <h1>HTML body tag example</h1>
    <p>Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book.</p>
  </body>
</html>

Try it Yourself »

Atributos

Atributo	Valor	Descripción
alink	color	Define el color del enlace activo. No se usa en HTML5.
background	URL	Define la imagen de fondo. No se usa en HTML5.
bgcolor	color	Define el color de fondo. No se usa en HTML5.
link	color	Define el color de los enlaces no visitados. No se usa en HTML5.
text	color	Define el color del texto en un documento. No se usa en HTML5.
vlink	color	Define el color del enlace visitado. No se usa en HTML5.

La etiqueta <code><body></code> admite los Atributos Globales y los Atributos de Eventos.

Nota: Los atributos enumerados en la tabla anterior están obsoletos en HTML5. El desarrollo web moderno se basa en CSS para el estilo. Utiliza atributos globales como `class`, `id` y `style` para aplicar estilos y estructura al elemento <code><body></code>.

Práctica

¿Qué es cierto sobre la etiqueta HTML <body> según la información de la página web?

La etiqueta <body> se utiliza para definir el cuerpo del documento.La etiqueta <body> debe aparecer solo una vez en un documento HTML.La etiqueta <body> no incluye elementos como texto, hipervínculos, imágenes, tablas, listas, etc.La etiqueta <body> es opcional en HTML.Todo el contenido visible como encabezados, párrafos, imágenes, hipervínculos, tablas, etc., debe colocarse dentro de la etiqueta <body>.

Etiqueta HTML <body> ​

Sintaxis ​

Ejemplo de la etiqueta HTML <code><body></code>: ​

Resultado ​

Ejemplo de la etiqueta HTML <code><body></code> utilizada con las propiedades CSS color y line-height: ​

Atributos ​