Como Se Escreve Body - Body, Bory ou Bodie?
Body, Bory ou Bodie?

Como escrever body corretamente em HTML

Neste guia prático, você vai aprender como escrever body em HTML de forma correta, com exemplos claros e dicas para usar essa tag essencial em qualquer página da web.

Resumo dos principais pontos

O que é e para que serve a tag body

A tag body é uma das estruturas fundamentais de qualquer documento HTML. Enquanto a tag head armazena metadados e configurações, a body abriga todo o conteúdo que o usuário visualiza ou interage: textos, imagens, vídeos, links, botões e formulários. Quando você pergunta como escreve body, a resposta mais direta é: escrevendo a palavra reservada body entre sinais de menor e maior, e fechando-a com body, respeitando a ordem dentro da estrutura HTML.

Como escrever body passo a passo

Se você está construindo uma página do zero ou ajustando um template, seguir a sequência correta evita erros de renderização. Siga este fluxo sempre que for inserir a tag body no seu código.

  1. Comece com a declaração <!DOCTYPE html> no topo do arquivo.
  2. Crie a tag de abertura <html> para delimitar o início do documento.
  3. Insira a tag <head> e adicione metadados como title, meta de charset e links para CSS.
  4. Escreva a tag de abertura <body> imediatamente após o fechamento de </head>.
  5. Dentro da body, inclua os elementos visíveis: cabeçalhos, parágrafos, listas, imagens, entre outros.
  6. Finalize o conteúdo com a tag de fechamento </body>.
  7. Feche o documento com </html> após o fim da body.

Exemplo prático de código com body

Veja a seguir um exemplo mínimo, mas completo, que ilustra como escrever body de acordo com as boas práticas de HTML.

<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8">
  <title>Como escrever body</title>
</head>
<body>
  <header>
    <h1>Bem-vindo à minha página</h1>
  </header>
  <main>
    <p>Este é um exemplo de conteúdo dentro da tag body.</p>
  </main>
  <footer>
    <p>Rodapé da página</p>
  </footer>
</body>
</html>

Nesse exemplo, a body contém elementos semânticos que organizam o conteúdo de forma acessível e compreensível para navegadores e usuários.

Requisitos e ferramentas para trabalhar com body

Você não precisa de programas caros para praticar. Com um editor de texto simples e um navegador, é possível criar e testar páginas que usam a tag body corretamente.

Erros comuns ao escrever body e como evitá-los

Erros na hora de escrever body são frequentes, especialmente para iniciantes. Confira os problemas mais comuns e as formas de corrigi-los.

Dicas avançadas para melhorar seu body

Depois de dominar o básico, é hora de otimizar. Pequenos ajustes na forma como você escreve body podem melhorar performance, SEO e experiência do usuário.

Perguntas frequentes sobre como escrever body

Posso colocar mais de uma tag body na mesma página?

Não. Um documento HTML deve ter apenas uma tag body. Ter mais de uma pode causar comportamentos inesperados nos navegadores.

O body precisa vir sempre depois do head?

Sim, na estrutura padrão do HTML, a body é aberta após o fechamento da tag head e antes do fechamento do html.

É obrigatório usar tags semânticas dentro da body?

Embora não seja obrigatório pelo navegador, usar tags semânticas melhora a acessibilidade, o SEO e a manutenção do código.

O que acontece se eu esquecer de fechar a body?

O navegador pode tentar corrigir o erro automaticamente, mas isso pode resultar em comportamentos imprevisíveis. É melhor fechar sempre.

Posso inserir CSS e JavaScript dentro da body?

Sim, é comum inserir links para CSS no head e scripts no final da body, mas também é possível usar tags <style> e <script> dentro da body quando necessário.