# 4.2 Cabeçalhos, parágrafos e formatação

### 📘 Introdução ao HTML: Cabeçalhos, Parágrafos e Formatação

O **HTML** (HyperText Markup Language) é a linguagem base para a construção de páginas web. Ele define a estrutura dos elementos em uma página por meio de **tags** (etiquetas). Nesta lição, abordaremos três conceitos fundamentais: **cabeçalhos**, **parágrafos** e **formatação de texto**.

#### 🧱 Cabeçalhos (`<h1>` a `<h6>`)

Os **cabeçalhos** são usados para destacar títulos e subtítulos em uma página. O HTML possui **seis níveis** de cabeçalhos:

* `<h1>`: Título principal (mais importante)
* `<h2>`: Subtítulo
* `<h3>` a `<h6>`: Níveis subsequentes, cada vez menos importantes

📌 *Exemplo de uso*:

```html
<h1>Bem-vindo ao Meu Site</h1>
<h2>Sobre nós</h2>
<h3>Nossa história</h3>
```

🔎 **Dica**: Use apenas um `<h1>` por página para representar o título principal e organize os demais hierarquicamente.

#### ✍️ Parágrafos (`<p>`)

A tag `<p>` representa um **parágrafo de texto**. Ela cria um bloco de conteúdo separado por margens padrão.

📌 *Exemplo de uso*:

```html
<p>HTML é a linguagem usada para estruturar o conteúdo de páginas na web.</p>
```

Os navegadores inserem automaticamente **espaço antes e depois** dos parágrafos.

***

#### 🎨 Formatação de Texto

O HTML permite **destacar e estilizar** partes do texto usando tags específicas. Aqui estão as mais comuns:

| Tag        | Função                          | Exemplo                           |
| ---------- | ------------------------------- | --------------------------------- |
| `<strong>` | Texto em negrito (ênfase forte) | `<strong>Importante</strong>`     |
| `<em>`     | Texto em itálico (ênfase leve)  | `<em>Observação</em>`             |
| `<u>`      | Texto sublinhado                | `<u>Subtítulo</u>`                |
| `<br>`     | Quebra de linha                 | `Primeira linha<br>Segunda linha` |
| `<mark>`   | Texto marcado (destaque)        | `<mark>Destaque</mark>`           |
| `<small>`  | Texto menor                     | `<small>Nota de rodapé</small>`   |
| `<del>`    | Texto riscado (removido)        | `<del>Antigo preço</del>`         |
| `<ins>`    | Texto inserido (sublinhado)     | `<ins>Novo conteúdo</ins>`        |

📌 *Exemplo completo*:

```html
<p>Aprender <strong>HTML</strong> é essencial para quem deseja <em>criar sites</em> e <u>aplicações web</u>.</p>
<p>Para pular linha:<br>Use a tag &lt;br&gt;.</p>
<p>Texto com <mark>destaque</mark> e <small>informações menores</small>.</p>
```

#### ✅ Conclusão

O domínio das **tags básicas de estrutura e formatação** é essencial para qualquer pessoa que esteja começando com HTML. Esses elementos são responsáveis por organizar o conteúdo de forma **clara**, **hierárquica** e **acessível**.

* Os **cabeçalhos** (`<h1>` a `<h6>`) definem títulos e subtítulos, criando uma **estrutura lógica** para a leitura e a indexação por buscadores.
* Os **parágrafos** (`<p>`) organizam blocos de texto com **clareza visual** e facilitam a separação de ideias.
* As tags de **formatação** (`<strong>`, `<em>`, `<u>`, `<mark>`, entre outras) permitem **destacar trechos importantes**, melhorando a **experiência de leitura** e a **acessibilidade**.

Esses elementos formam a **base textual** do HTML, e seu uso correto é fundamental para criar páginas web **bem estruturadas** e de fácil compreensão.