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">

Affiche une image avec une largeur de 300 pixels.

Voir le corrigé

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

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>

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>

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>