# Seu primeiro template!

Criar um template significa criar um arquivo de template. Tudo é um arquivo, certo? Provavelmente você já deve ter notado isso.

Os templates são salvos no diretório `blog/templates/blog`. Então, crie um diretório chamado `templates` dentro do diretório do seu blog. Em seguida, crie outro diretório chamado `blog` dentro da diretório templates:

```
blog
└───templates
    └───blog
```

(Você deve estar se perguntando porque nós precisamos de dois diretórios chamados `blog` - como você descobrirá mais para frente, essa é uma simples e útil convenção que facilita a vida quando as coisas começarem a ficar mais complicadas.)

E agora crie o arquivo `post_list.html` (deixe-o em branco por agora) dentro do diretório `blog/templates/blog`.

Veja como o nosso site está se parecendo agora:

> Se ocorrer um erro de `TemplateDoesNotExists` tente reiniciar o seu servidor. Abra a Command Pallete pelo ícone no menu lateral, procure por `Restart Server` e aperte Enter.

![](https://832156043-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LdprcyvLwqnMiQRbkMq%2F-LnJ7OzqNZ8ik7HWgQse%2F-LnJKQ-lNimNrvP6TqYq%2F_step1.png?alt=media\&token=f8abfe9b-da5a-49d4-b2c7-06fce242ccef)

Acabaram-se os erros! Parabéns :) Entretanto, nosso site não mostra nada a não ser uma página em branco. Isso porque o nosso template está vazio. Então precisamos consertar isso. Adicione a seguinte linha dentro do template:

blog/templates/blog/post\_list.html

```markup
<html>
    <p>Oi</p>
    <p>Tudo funcionando por aqui :)</p>
</html>
```

Como nosso site se parece agora? Entre no site para descobrir.

![](https://832156043-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LdprcyvLwqnMiQRbkMq%2F-LnJ7OzqNZ8ik7HWgQse%2F-LnJKUG8IIrm_nBlPXno%2F_step2.png?alt=media\&token=c7932740-2303-47f7-90a5-3ec3add9d97d)

Funcionou! Bom trabalho :)

* A tag mais básica, `<html>`, estará sempre no começo de qualquer página da web, assim como, `</html>` sempre estará no fim. Como você pode ver, todo o conteúdo de um website se encontra entre a tag de início `<html>` e entre a tag de fim `</html>`
* `<p>` é a tag que denomina parágrafos; `</p>` determina o fim de cada parágrafo
