Insérer une image (`<img>` et `alt`)

Le texte seul ne suffit pas toujours. Pour ajouter une image, on utilise <img>.

Balise auto-fermante

<img src="chaton.jpg" alt="Petit chat qui dort">

1. src

• Chemin de l'image (locale ou URL complète).

2. alt

• Texte alternatif (accessibilité, image cassée, SEO).

Même pour une image décorative, utiliser alt="".

Ne laisse pas alt vide si l'image porte une information utile.

Un bon alt décrit le contenu de l'image de façon concise et utile, pas seulement "image" ou "photo".

Exemple d'alt utile :

• "Graphique des ventes 2026 par trimestre" Plutôt que : "Image graphique"

Taille rapide

Tu peux aussi fixer une taille rapide :

<img src="photo.jpg" alt="Portrait" width="300" height="300">

En projet réel, la taille est souvent gérée en CSS. Tu peux aussi optimiser le poids des images pour accélérer le chargement.

Formats courants : JPG, PNG, WebP.

En résumé :

• src pour localiser l'image
• alt pour décrire l'image
• dimensions/CSS pour garder une mise en page propre