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 o HTML
Fundamentos de HTML

bookEstrutura Básica de um Documento HTML

Um documento HTML segue uma estrutura básica composta por vários elementos. Veja a 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>

Resumo da estrutura

  • <!DOCTYPE html>: Esta linha informa ao navegador qual versão do HTML o documento está utilizando. Neste caso, é o 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 na aba do navegador;
  • <title>: Este elemento define o título do documento, que é exibido na barra de título ou na aba do navegador;
  • <body>: É onde fica o conteúdo principal da página web. Insira textos, imagens, links, formulários e outros elementos dentro do elemento <body>. É o que os usuários verão e com o que irão interagir ao acessar sua página.

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. Veja a 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>

Resumo da estrutura

  • <!DOCTYPE html>: Esta linha informa ao navegador qual versão do HTML o documento está utilizando. Neste caso, é o 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 na aba do navegador;
  • <title>: Este elemento define o título do documento, que é exibido na barra de título ou na aba do navegador;
  • <body>: É onde fica o conteúdo principal da página web. Insira textos, imagens, links, formulários e outros elementos dentro do elemento <body>. É o que os usuários verão e com o que irão interagir ao acessar sua página.

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