Summary  
This chapter covers the standard HTML5 document structure, detailing the roles of the `<!DOCTYPE html>`, `<html>`, `<head>`, and `<body>` elements for organizing metadata and page content.  

General domain of usage  
Web development

Toda página HTML segue a mesma estrutura básica. Ela define como o navegador deve interpretar e exibir o conteúdo.

Aqui está um exemplo simples de um documento HTML:
```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>My First Page</title>
  </head>
  <body>
    <h1>Hello, World!</h1>
    <p>This is my first web page.</p>
  </body>
</html>
```

## Principais Partes do Documento
1. `<!DOCTYPE html>`: informa ao navegador para usar o padrão moderno `HTML5`;
2. `<html>`: elemento raiz. Todo o conteúdo da página é colocado dentro dessa tag;
3. `<head>`: contém informações sobre a página que não são visíveis para os usuários. Elementos comuns:
   - `<title>`: define o nome da aba do navegador;
   - `<meta charset="UTF-8">`: garante que o texto seja exibido corretamente.
4. `<body>`: contém tudo o que os usuários veem na página:
   - texto;
   - imagens;
   - links;
   - botões.

### Como Pensar Sobre Isso
`<head>` → configurações da página. `<body>` → conteúdo da página.

Não é necessário memorizar tudo agora. Concentre-se em reconhecer a estrutura. Você a utilizará em todos os arquivos HTML.

Nota

Construa páginas web estruturadas usando HTML. Crie conteúdo textual, links, listas, imagens, tabelas e formulários, e organize tudo com elementos semânticos em uma página completa.

Estrutura Básica de Documento HTML

Principais Partes do Documento

Como Pensar Sobre Isso