O que é um elemento HTML?

Elemento HTML é um bloco de conteúdo marcado por tags.

Na maioria dos casos, ele tem:

• uma tag de abertura;
• um conteúdo;
• uma tag de fechamento.

Exemplo:

Carregando...

Nesse caso:

• <p> é a abertura;
• Este é um parágrafo. é o conteúdo;
• </p> é o fechamento.

Outros exemplos comuns

Carregando...

O primeiro elemento cria um título. O segundo cria um link.

Elementos podem ficar dentro de outros

Isso acontece o tempo todo em HTML. Veja:

Carregando...

Aqui, o elemento <strong> está dentro do <p>.

Esse encaixe é chamado de aninhamento. E ele precisa ser feito com cuidado.

Aninhando do jeito certo

Correto:

Carregando...

Errado:

Carregando...

No exemplo errado, a ordem de fechamento ficou bagunçada. O navegador até tenta adivinhar sua intenção, mas não é bom depender do navegador para corrigir erros de estrutura.

Elementos vazios

Nem todo elemento tem conteúdo entre abertura e fechamento. Alguns são chamados de elementos vazios.

Exemplos:

Carregando...

Esses elementos cumprem uma função específica e não precisam envolver texto.

Exemplo completo

Carregando...

Aqui você tem três elementos diferentes trabalhando juntos para montar o conteúdo da página.