# HTML body: o elemento HTML para o conteúdo O elemento HTML `` contém todo o conteúdo visível de um documento HTML. Só pode existir uma única secção `` por documento. ## O que é a etiqueta HTML `` e para que serve? `` em HTML é um elemento utilizado para mostrar o conteúdo de um documento. Todos os **conteúdos visíveis**, como títulos, blocos de texto, imagens, tabelas, hiperligações, listas e outros elementos possíveis, são colocados dentro desta etiqueta HTML. Em cada documento, só pode haver **um único ``**. Este encontra-se sempre abaixo da secção `` e acima do rodapé HTML. A etiqueta `` admite todos os atributos HTML. ## `` de HTML: sintaxe e funcionamento Antes de mostrar como funciona o HTML `` através de alguns exemplos simples, vale a pena dar uma olhada na sintaxe básica do elemento. É a seguinte: ```html Aquí se colocan todos los contenidos visibles de la página web. ``` Apenas os conteúdos que se encontram entre a etiqueta de abertura (``) e a etiqueta de fecho (``) serão posteriormente apresentados na página web. ## Exemplos de utilização da etiqueta `` em HTML Nos exemplos a seguir, você verá como a etiqueta `` é utilizada na prática. ### Documento HTML com um elemento `` simples Primeiro, criaremos um documento HTML simples com **um título, um bloco de texto e uma imagem**, todos colocados dentro do corpo. Este é o código correspondente: ```html Cuerpo HTML en un documento

Este es el titular

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

``` ### Criar uma barra de navegação com href No exemplo a seguir, você verá como criar uma barra de navegação para o seu site usando a tag `` do HTML e o atributo href. Este é o código correspondente: ```html Página web con una barra de navegación

Inicio

Acerca de

Contacto

``` ### Inserir um vídeo no HTML `` Se quiser inserir um vídeo na sua página web, a área `` é o local adequado para o fazer. Este é um código de exemplo para a inserção: ```html Página web con un vídeo

``` ### Alterar o design através da etiqueta `` do HTML Com a ajuda do CSS, também pode usar a secção `` para personalizar os seus conteúdos web. Aqui está um exemplo: ```html Cuerpo HTML con ajustes visuales

Aquí está el título

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

``` ### Ajustar fundos no HTML `` Se quiser apenas alterar o [fundo HTML](https://www.ionos.com/pt-pt/digitalguide/paginas-web/desenvolvimento-web/fundos-html/) com CSS, isso também é feito no corpo do HTML. Mostramos-lhe como definir a cor de fundo: ```html Cuerpo HTML con nuevo color de fondo

Aquí está el título

¡Visita PaginaEjemplo.com!

``` Se, por outro lado, desejar inserir uma imagem, este é o código adequado: ```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/pt-pt/digitalguide/paginas-web/desenvolvimento-web/corpo-html/](https://www.ionos.com/pt-pt/digitalguide/paginas-web/desenvolvimento-web/corpo-html/) for AI/LLM consumption.