Estrutura Básica de uma Página HTML

Uma página de site é um arquivo de texto comum com a extensão .html. É dentro deste arquivo que o texto da página HTML é armazenado, juntamente com as tags. Este arquivo obrigatoriamente deve ter as seguintes tags: a tag html, que deve conter o texto de todo o site (tudo o que estiver escrito fora desta tag será ignorado pelo navegador), e dentro dela devem haver mais duas tags: a tag head para o conteúdo de serviço da página e a tag body - para o texto principal, que é visível na tela do navegador.

No conteúdo de serviço, que está localizado dentro da tag head, há muitas coisas diferentes, mas por enquanto precisamos apenas de duas delas. São a tag title, que define o título da página, que será visível na aba do navegador, e a tag meta, que define a codificação da página (ela é definida no atributo charset e geralmente tem o valor utf-8).

Além disso, antes da tag html geralmente escreve-se a construção doctype, que indica a versão da linguagem HTML na qual o site foi feito. A versão atual da linguagem tem o número cinco e o doctype para ela deve ser assim:

html<!DOCTYPE html>

Então, vamos dar uma olhada na estrutura básica da página:

html<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>This is the title</title>
  </head>
  <body>
    This is the main content of the page.
  </body>
</html>