# HTML body: el elemento HTML para el contenido En el elemento HTML `` se encuentran todos los contenidos visibles de un documento HTML. Solo puede existir una única sección `` por documento. ## ¿Qué es la etiqueta HTML `` y para qué se utiliza? `` de [HTML](https://www.ionos.com/es-us/digitalguide/paginas-web/desarrollo-web/que-es-html/) es un elemento que se utiliza para mostrar los contenidos de un documento. Todos los **contenidos visibles** como titulares, bloques de texto, imágenes, tablas, hipervínculos, listas y otros elementos posibles se colocan dentro de esta [etiqueta HTML](https://www.ionos.com/es-us/digitalguide/paginas-web/desarrollo-web/html-tags/). En cada documento solo puede haber **un único ``**. Este siempre se encuentra debajo de la sección `` y sobre el footer HTML. La etiqueta `` admite todos los [atributos HTML](https://www.ionos.com/es-us/digitalguide/paginas-web/desarrollo-web/atributos-html/). ## `` de HTML: sintaxis y funcionamiento Antes de mostrarte cómo funciona `` de HTML mediante algunos ejemplos simples, vale la pena echar un vistazo a la sintaxis básica del elemento. Es la siguiente: ```html Aquí se colocan todos los contenidos visibles de la página web. ``` Solo los contenidos que se encuentran entre la etiqueta de apertura (``) y la etiqueta de cierre (``) se mostrarán más tarde en la página web. ## Ejemplos de uso de la etiqueta `` en HTML En los siguientes ejemplos, verás cómo se utiliza la etiqueta `` en la práctica. ### Documento HTML con un elemento `` simple Primero crearemos un documento HTML simple con **un titular, un bloque de texto y una imagen**, todos colocados dentro del cuerpo. Este es el código correspondiente: ```html Cuerpo HTML en un documento

Este es el titular

Aquí se encuentra el contenido de la página web.

``` ### Crear una barra de navegación con href En el siguiente ejemplo, verás cómo crear una barra de navegación para tu página web utilizando la etiqueta `` de HTML y el atributo [href](https://www.ionos.com/es-us/digitalguide/paginas-web/desarrollo-web/a-href-html/). Este es el código correspondiente: ```html Página web con una barra de navegación

Inicio

Acerca de

Contacto

``` ### Insertar un vídeo en el `` de HTML Si quieres insertar un vídeo en tu página web, el área `` es el lugar para ello. Este es un código de ejemplo para la inserción: ```html Página web con un vídeo

``` ### Cambiar el diseño mediante la etiqueta `` de HTML Con la ayuda de [CSS](https://www.ionos.com/es-us/digitalguide/paginas-web/diseno-web/que-es-css-un-tutorial-con-lo-que-necesitas-saber/), también puedes usar la sección `` para personalizar tus contenidos web. Te mostramos un ejemplo: ```html Cuerpo HTML con ajustes visuales

Aquí está el título

Aquí se encuentra el contenido de la página web.

``` ### Ajustar fondos en el `` de HTML Si solo quieres cambiar el fondo HTML con CSS, también se realiza en el cuerpo de HTML. Te mostramos cómo establecer el color de fondo: ```html Cuerpo HTML con nuevo color de fondo

Aquí está el título

¡Visita PaginaEjemplo.com!

``` Si en cambio, deseas insertar una imagen, este es el código adecuado: ```html Cuerpo HTML con nueva imagen de fondo

Aquí está el título

¡Visita PaginaEjemplo.com!

``` This is a markdown version of: [https://www.ionos.com/es-us/digitalguide/paginas-web/desarrollo-web/html-body/](https://www.ionos.com/es-us/digitalguide/paginas-web/desarrollo-web/html-body/) for AI/LLM consumption.