cybercursus

Les images et les médias

9 min · Débutant · 7 août 2026

Sommaire
  1. Insérer une image
  2. Un bon texte alternatif décrit, il ne répète pas
  3. À toi de jouer

Insérer une image

html
<img src="chat.jpg" alt="Un chat noir assis sur un canapé bleu" />

src indique le fichier à afficher, alt un texte alternatif décrivant l’image. Contrairement à p ou a, img n’entoure aucun contenu : elle n’a pas de balise fermante.

Un bon texte alternatif décrit, il ne répète pas

Attention

alt="image" ou alt="photo1.jpg" ne décrivent rien d’utile. Un bon texte alternatif transmet l’information que l’image apporte, comme le ferait une description à voix haute.

html
<!-- Peu utile -->
<img src="graphique.png" alt="image" />

<!-- Utile -->
<img src="graphique.png" alt="Graphique montrant une hausse des ventes de 20% en 2025" />

À toi de jouer

Insère une image avec un src de ton choix et un alt non vide décrivant l’image.

html
<!-- HTML -->
<!-- Ecris ta balise img ici -->
Pourquoi l'attribut alt d'une image ne devrait-il jamais être laissé vide sur une image porteuse de sens ?
Pourquoi la balise img ne possède-t-elle pas de balise fermante (</img>) ?

Pour aller plus loin

Commentaires

Recherche