Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Estrutura Básica de um Documento HTML | Compreendendo a Web e HTML
Essenciais de HTML

bookEstrutura Básica de um Documento HTML

Um documento HTML segue uma estrutura básica composta por vários elementos. Aqui está uma estrutura típica de um documento HTML:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Title of the Document</title>
  </head>
  <body>
    <!-- Content goes here -->
  </body>
</html>

Estrutura resumo breve

  • <!DOCTYPE html>: Esta linha informa ao navegador qual versão do HTML o documento está usando. Neste caso, é HTML5, a versão mais recente do HTML;
  • <html>: Este é o elemento raiz do documento HTML. Todos os outros elementos estão contidos dentro deste elemento;
  • <head>: Esta seção contém metainformações sobre o documento, como a codificação de caracteres (<meta charset="UTF-8">) que garante que caracteres especiais sejam exibidos corretamente, e o título do documento (<title>) que aparece na barra de título ou aba do navegador;
  • <title>: Este elemento define o título do documento, que é exibido na barra de título ou aba do navegador;
  • <body>: É aqui que o conteúdo principal da página web vai. Você colocará texto, imagens, links, formulários e outros elementos dentro do elemento <body>. Isso é o que os usuários verão e interagirão quando visitarem sua página web.

Tutorial em Vídeo

Link do editor de código - Visual Studio Code

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 1. Capítulo 5

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Awesome!

Completion rate improved to 3.13

bookEstrutura Básica de um Documento HTML

Deslize para mostrar o menu

Um documento HTML segue uma estrutura básica composta por vários elementos. Aqui está uma estrutura típica de um documento HTML:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Title of the Document</title>
  </head>
  <body>
    <!-- Content goes here -->
  </body>
</html>

Estrutura resumo breve

  • <!DOCTYPE html>: Esta linha informa ao navegador qual versão do HTML o documento está usando. Neste caso, é HTML5, a versão mais recente do HTML;
  • <html>: Este é o elemento raiz do documento HTML. Todos os outros elementos estão contidos dentro deste elemento;
  • <head>: Esta seção contém metainformações sobre o documento, como a codificação de caracteres (<meta charset="UTF-8">) que garante que caracteres especiais sejam exibidos corretamente, e o título do documento (<title>) que aparece na barra de título ou aba do navegador;
  • <title>: Este elemento define o título do documento, que é exibido na barra de título ou aba do navegador;
  • <body>: É aqui que o conteúdo principal da página web vai. Você colocará texto, imagens, links, formulários e outros elementos dentro do elemento <body>. Isso é o que os usuários verão e interagirão quando visitarem sua página web.

Tutorial em Vídeo

Link do editor de código - Visual Studio Code

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 1. Capítulo 5
some-alt