> For the complete documentation index, see [llms.txt](https://uclsanca.gitbook.io/learn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://uclsanca.gitbook.io/learn/web-basico/html/principais-tags/formatacao.md).

# Formatação

**\<h1>\</h1>** — Permite que coloque um título no corpo da sua página. O número depois do "h" pode variar de 1 a 6. Ele indica o quão importante é o seu título. Por exemplo, \<h1> é o seu título, \<h2> é o seu sub-título, \<h3> o seu sub-sub-título, e assim por diante. Vamos falar porquê é importante fazer essa distinção na seção "Como construir um bom HTML".

**\<p>\</p>** — Permite que você coloque um parágrafo no corpo da sua página.

**\<br>** — Permite colocar uma única quebra de linha. Útil para escrever endereços ou poemas. Essa é uma **tag vazia**, ou seja, ela não tem tag de fechamento.

## Exemplo

Abaixo mostramos um exemplo de como essas tags devem ser escritas. Na aba "Código" está o código, e na aba "Resultado" está a página resultante.

{% tabs %}
{% tab title="Código" %}

```markup
<!DOCTYPE html>
<html>
<head>
    <title>Exemplo</html>
</head>
<body>
    <h1>Primeiro</h1>
    <h6>Ultimo</h6>
    <p>Isso é um parágrafo</p>
    <p>Isso é uma quebra <br> de linha</p>
</body>
</html>
```

{% endtab %}

{% tab title="Resultado" %}
![](https://552011742-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEJ_IxNzk9of-u9NQeq%2F-MIlTkrG8CeCJDfVv7P1%2F-MIlUnaXtHERAFakXG7p%2Fformata%C3%A7%C3%A3o.png?alt=media\&token=3692d4fd-3c9a-4318-ad33-a542abedd886)
{% endtab %}
{% endtabs %}