Skip to content

← Trail· Lesson 1 of 7

Structure of an HTML document

DOCTYPE, html, head, body, and the minimum anatomy of a page.

TODO i18n: Full body translation pending. Title and description are localized; the body below remains in Portuguese for now.

HTML descreve a estrutura e o significado do conteúdo. O navegador lê o documento e monta a árvore DOM.

Esqueleto mínimo

<!DOCTYPE html>
<html lang="pt-BR">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Minha página</title>
  </head>
  <body>
    <h1>Olá</h1>
  </body>
</html>
  • lang="pt-BR" ajuda leitores de tela e busca.
  • charset e viewport evitam surpresas de encoding e mobile.

Próximo passo

Entenda por que tags semânticas importam mais do que div em tudo.

Practice