XP 0

Imagens

A tag <img>

Imagens usam <img> — uma tag sem fechamento (não existe </img>). Ela precisa de dois atributos:

<img src="planta.jpg" alt="Uma planta Aurora num vaso branco">
  • src (source) — o arquivo da imagem (o caminho até ela)
  • alt (alternative) — um texto que descreve a imagem

Por que o alt é obrigatório (e não opcional):

  1. Se a imagem não carregar, o navegador mostra o texto no lugar.
  2. Pessoas cegas usam leitores de tela que leem o alt em voz alta — sem ele, a imagem "não existe" para elas.
  3. O Google usa o alt para entender a imagem.

⚠️ Erro comum: deixar alt="" vazio ou esquecer. Descreva o que a imagem mostra, de forma curta e útil.

Pontos-chave

  • src
    o arquivo/caminho da imagem.
  • alt
    descrição da imagem — para acessibilidade e quando não carrega.