# Básicas

**\<html>\</html>** — Esse elemento envolve todo o conteúdo da página e é conhecido como o elemento raiz.

**\<head>\</head>** — Esse elemento age como um recipiente de tudo o que você deseja incluir em uma página HTML que não é o conteúdo que você quer mostrar para quem vê sua página. Por exemplo, palavras-chave, uma descrição que você quer que apareça nos resultados de busca, importação de arquivos externos, declarações de conjuntos de caracteres, e mais.

**\<title>\</title>** — Indica o título da sua página, que é o título que aparece no topo de browser quando sua página carrega, e é usado para descrever a página quando você a coloca nos favoritos.

**\<body>\</body>** — Contém todo o conteúdo que você quer mostrar ao público que visita sua página, seja texto, imagens, vídeos, jogos, faixas de áudio tocáveis, entre outros.

**\<!--** Isso é um comentário **-->** — Faz um comentário no código. Não aparece na sua página.

**\<!DOCTYPE html>** — Apesar de não ser uma tag, é necessário que você escreva no início do seu arquivo para indicar ao navegador que tipo de arquivo ele deve esperar.

## 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</title>
</head>
<body>
    <!-- Será que isso aparece? -->
</body>
</html>
```

{% endtab %}

{% tab title="Resultado" %}
![](https://552011742-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEJ_IxNzk9of-u9NQeq%2F-MIG1nKsRdhb3i8a3xFR%2F-MIG4vk-V1QvRfAQAP54%2Ftitle2.png?alt=media\&token=205bd83a-e455-4d99-8f82-4efbe3c992cb)
{% endtab %}
{% endtabs %}
