10 erros comuns de HTML para iniciantes

Errar faz parte do aprendizado. O importante é reconhecer os problemas mais comuns e corrigir com calma.

Erros frequentes

1. Esquecer de fechar uma tag.
2. Colocar tags uma dentro da outra de forma errada.
3. Usar vários <h1> sem necessidade.
4. Usar título só para aumentar o tamanho do texto.
5. Esquecer o atributo alt em imagens.
6. Usar links sem texto claro.
7. Misturar estrutura HTML com estilo visual demais.
8. Escrever código sem indentação.
9. Usar caminhos de imagem incorretos.
10. Copiar código sem entender o que cada parte faz.

Exemplo com problema

<h1>Minha página
<p>Este parágrafo está dentro do título sem querer.</p>

Exemplo corrigido

<h1>Minha página</h1>
<p>Este parágrafo está separado do título.</p>

Mini tarefa

Observe os dois exemplos e explique para si mesmo por que o segundo é mais claro.

Pequeno quiz

Pergunta: Por que o atributo alt é importante em imagens?

Resposta: Ele descreve a imagem para acessibilidade e também ajuda quando a imagem não carrega.

Pequeno desafio

Corrija este trecho:

<h1>Lista de estudos
<ul>
  <li>HTML
  <li>CSS
</ul>

Resumo

• Feche tags corretamente.
• Mantenha uma hierarquia clara de títulos.
• Use alt em imagens.
• Indente o código para facilitar leitura e manutenção.