Images, audio et vidéo en HTML — Correction d'exercices

Voici des propositions de solutions en mode console (via readline()). N’hésite pas à les adapter.

#1 — Image simple

Affiche une image 'chat.jpg' avec une description alternative 'Mon chat'.

Voir le corrigé
<img src="chat.jpg" alt="Mon chat">

#2 — Image redimensionnée

Affiche une image avec une largeur de 300 pixels.

Voir le corrigé
<img src="photo.jpg" alt="Photo" width="300">

#3 — Audio

Intègre un fichier audio 'son.mp3' avec des contrôles de lecture.

Voir le corrigé
<audio controls>
  <source src="son.mp3" type="audio/mpeg">
  Votre navigateur ne supporte pas l'audio.
</audio>

#4 — Vidéo

Intègre une vidéo 'film.mp4' avec contrôles, largeur 400px.

Voir le corrigé
<video width="400" controls>
  <source src="film.mp4" type="video/mp4">
  Votre navigateur ne supporte pas la vidéo.
</video>

#5 — Figure et Figcaption

Associe une légende 'Schéma 1' à une image en utilisant figure.

Voir le corrigé
<figure>
  <img src="schema.png" alt="Schéma">
  <figcaption>Schéma 1</figcaption>
</figure>
Besoin d'aide ?
Tuteur Virtuel
Bonjour ! Je suis votre tuteur virtuel. Comment puis-je vous aider avec ce cours aujourd'hui ?
Historique des conversations
Chargement...