# HTML body: O elemento HTML para conteúdos visíveis No elemento HTML `` estão contidos todos os conteúdos visíveis de um documento HTML. Em cada documento, pode existir apenas uma única área ``. ## O que é a tag HTML `` e para que ela é usada? A tag HTML `` é um elemento HTML utilizado para exibir o conteúdo de um documento. Todos os conteúdos visíveis, como cabeçalhos, blocos de texto, imagens, tabelas, hiperlinks, listas e outros elementos possíveis, são armazenados dentro dessa tag HTML. Em cada documento, pode haver apenas uma tag ``. Ela fica sempre abaixo do elemento <head> e acima do HTML footer. A tag `` suporta todos os atributos globais HTML. ## HTML ``: Sintaxe e funcionamento Antes de mostrar como a tag HTML `` funciona com alguns exemplos simples, vale a pena dar uma olhada na sintaxe básica desse elemento. Ela é a seguinte: ``Aqui ficam armazenados todos os conteúdos visíveis do site.</body> Somente o conteúdo entre a tag de abertura (``) e a tag de fechamento (</body>) será exibido posteriormente na página. ## Exemplos de uso da tag HTML `` Nos exemplos abaixo, mostramos como aplicar a tag HTML `` na prática. ### Documento HTML com um simples elemento `` Primeiro, criamos um documento HTML simples com um cabeçalho, um parágrafo de texto e uma imagem, todos inseridos dentro do corpo. O código correspondente é: ```html HTML body em um documento

Este é o seu cabeçalho

Aqui está o conteúdo do seu site.

``` ### Criar barra de navegação com href No próximo exemplo, mostramos como criar uma barra de navegação para seu site utilizando a tag HTML `` e o atributo [href](https://www.ionos.com/pt-br/digitalguide/sites-de-internet/desenvolvimento-web/um-href-html/). O código adequado é o seguinte: ```html Site com barra de navegação

Início

Sobre

Contato

``` ### Inserir vídeo pela tag HTML `` Se você deseja adicionar um vídeo ao seu site, o corpo do documento é o local apropriado para exibi-lo. Veja abaixo um exemplo de código para inclusão de vídeo: ```html Site com um vídeo

``` ### Alterar design pela tag HTML `` Com o uso de CSS, você pode também usar a tag `` para ajustar o design do conteúdo do seu site. Veja como fazer isso no exemplo a seguir: ```html HTML body com ajustes visuais

Aqui está o seu cabeçalho

Aqui está o conteúdo do seu site.

``` ### Ajustando o fundo no HTML `` Se você deseja alterar apenas o [background no HTML](https://www.ionos.com/pt-br/digitalguide/sites-de-internet/desenvolvimento-web/html-backgrounds/), isso também é feito no ``. Veja como definir a cor de fundo: ```html HTML body com nova cor de fundo

Aqui está o seu cabeçalho

Visite o Exemplosite.com!

``` Se você preferir adicionar uma imagem de fundo, use o código abaixo: ```html HTML body com nova imagem de fundo

Aqui está o seu cabeçalho

Visite o Exemplosite.com!

``` This is a markdown version of: [https://www.ionos.com/pt-br/digitalguide/sites-de-internet/desenvolvimento-web/html-body/](https://www.ionos.com/pt-br/digitalguide/sites-de-internet/desenvolvimento-web/html-body/) for AI/LLM consumption.