Todo o HTML se resume a um padrão simples que se repete. Uma tag é uma palavra entre os sinais de menor e maior, e a maioria dos elementos tem três partes: a tag de abertura, o conteúdo e a tag de fechamento, que traz uma barra antes do nome.

<p>Bem-vindo ao meu site.</p>

Nesse exemplo, <p> abre o parágrafo, o texto é o conteúdo e </p> fecha. O conjunto todo é chamado de elemento.

Atributos

Atributos são informações extras escritas dentro da tag de abertura, no formato nome igual a valor entre aspas. Um link, por exemplo, precisa saber para onde ir:

<a href='contato.html'>Fale conosco</a>

Aninhamento

Elementos podem ficar dentro de outros, mas devem ser fechados na ordem inversa da abertura, como caixas encaixadas. O certo é <p>Texto <strong>forte</strong></p>; cruzar as tags é erro.

Tags que não fecham

Alguns elementos não têm conteúdo, então não possuem tag de fechamento. São as chamadas tags vazias (ou void). As mais usadas são:

<img> — insere uma imagem;
<br> — quebra a linha;
<hr> — traça uma linha de separação;
<input> — campo de formulário;
<meta> e <link> — informações e arquivos ligados à página.

Escreva sempre os nomes das tags em letras minúsculas e os valores dos atributos entre aspas. São hábitos simples que deixam o código limpo e fácil de manter.