# Head & Body
Cada página HTML também é dividida em dois elementos: **head** (cabeça) e **body** (corpo).
* **head** é um elemento que contém informações sobre o documento que não são mostradas na tela.
* **body** é um elemento que contém tudo o que é exibido como parte de uma página de um site.
Nós usamos a tag `` para dizer ao navegador sobre as configurações da página. Por sua vez, a tag `` diz ao navegador o que há de verdade na página.
Por exemplo, você pode por o elemento título de uma página web dentro da tag ``. Veja:
blog/templates/blog/post\_list.html
```markup
Blog do AfroPython
Oi
Tudo funcionando por aqui :)
```
Salve o arquivo e atualize sua página.
Viu como o navegador entendeu que "Blog do AfroPython" é o título da página? Ele interpretou `Blog do AfroPython` e colocou o texto na barra de título do seu navegador (e também será usado para os favoritos e outras coisas mais).
Provavelmente você já deve ter notado que cada tag de abertura casa com uma *tag de fechamento*, com uma `/`, e que os elementos estão *aninhados* (ex.: você não pode fechar uma tag em particular antes que todas as outras tags que estiverem dentro dela já estejam fechadas).
É como colocar coisas dentro de caixas. Você tem uma grande caixa, ``; dentro dela há ``, sendo que esta ainda contém caixas menors: ``.
Você precisa seguir essas regras de *fechamento* de tags, e de *aninhamento* de elementos - se você não fizer isso, o navegador poderá não estar apto para interpretar seu código de maneira correta e sua página será exibida de maneira incorreta.