Un podcast — exercice corrigé d'HTML : structurer le Web (école d'ingénieur) (chapitre 4)

Un podcast

Images et médias · niveau 2

Énoncé

Écrire la page d'un épisode de podcast étudiant : titre, date (élément <time>), lecteur audio avec deux formats (OGG et MP3), lien de téléchargement de repli, et la transcription du début de l'épisode. Pourquoi la transcription est-elle utile ?

Corrigé


<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Épisode 12 : réussir ses partiels — Radio Campus</title>
  </head>
  <body>
    <h1>Épisode 12 : réussir ses partiels</h1>
    <p>Publié le <time datetime="2026-11-20">20 novembre 2026</time>.</p>
    <audio controls preload="metadata">
      <source src="medias/extrait.ogg" type="audio/ogg">
      <source src="medias/extrait.mp3" type="audio/mpeg">
      <a href="medias/extrait.mp3">Télécharger l'épisode (MP3)</a>
    </audio>
    <h2>Transcription</h2>
    <p>Bonjour à toutes et à tous, et bienvenue dans ce douzième épisode,
      consacré à la préparation des partiels…</p>
  </body>
</html>

La transcription rend l'épisode accessible aux personnes sourdes, permet de le parcourir sans l'écouter, et le rend trouvable par les moteurs de recherche, qui n'écoutent pas l'audio.