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):
- Se a imagem não carregar, o navegador mostra o texto no lugar.
- Pessoas cegas usam leitores de tela que leem o
altem voz alta — sem ele, a imagem "não existe" para elas. - O Google usa o
altpara entender a imagem.
⚠️ Erro comum: deixar
alt=""vazio ou esquecer. Descreva o que a imagem mostra, de forma curta e útil.
