Corpo do documento

Todo documento HTML é estruturado na forma de uma árvore enaria, formada por tags que possuem outras tags.

<!DOCTYPE html> <!-- Indica o tipo de documento -->
<html> <!-- É a raiz da nossa árvore, a tag HTML -->

<head> <!-- É o cabeçalho, define metadados para a página e 
						não faz parte da interface gráfica-->
    <meta charset="UTF-8" /> <!-- Codificação do texto -->
    <meta name="description" content="Uma página de um dino feliz">
    <link rel="shortcut icon" href="../dinosaur.ico" />
    <title>Dinooo</title>
</head>

<body> <!-- Corpo da página, contem o conteúdo gráfico da página -->
    <!-- Conteúdo -->
</body>

</html>

Abaixo podemos ver a aba da página descrita acima, na aba aparecem o título e o ícone, ambos definidos na tag head.

Muitos dos conteúdos do cabeçalho são utilizados por mecanismos de pesquisa, o conteúdo da tag meta com o nome "description" é um exemplo.

Pesquisa por YouTube no Google e meta tag "description" do site: