> For the complete documentation index, see [llms.txt](https://favelaware.gitbook.io/favelaware/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://favelaware.gitbook.io/favelaware/4-html/4.2-cabecalhos-paragrafos-e-formatacao.md).

# 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.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://favelaware.gitbook.io/favelaware/4-html/4.2-cabecalhos-paragrafos-e-formatacao.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.