La page Horaires de la Librairie — exercice corrigé d'HTML : structurer le Web (école d'ingénieur) (chapitre 2)

La page Horaires de la Librairie

Texte et structure · niveau 3 (difficile)

Énoncé

Écrire la page « Horaires et accès » de la Librairie du Campus : horaires de chaque jour (une liste de définitions jour → horaires, avec des éléments <time> munis de datetime), fermetures exceptionnelles (une liste), l'adresse (un paragraphe avec retours à la ligne légitimes), et un avertissement important (« fermé le 25 décembre »). Plan correct, page valide.

Corrigé


<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Horaires et accès — La Librairie du Campus</title>
  </head>
  <body>
    <h1>Horaires et accès</h1>
    <p><strong>Fermé le <time datetime="2026-12-25">25 décembre</time>.</strong></p>

    <h2>Horaires d'ouverture</h2>
    <dl>
      <dt>Du lundi au vendredi</dt>
      <dd>De <time datetime="09:00">9 h</time> à <time datetime="18:00">18 h</time></dd>
      <dt>Samedi</dt>
      <dd>De <time datetime="10:00">10 h</time> à <time datetime="13:00">13 h</time></dd>
      <dt>Dimanche</dt>
      <dd>Fermé</dd>
    </dl>

    <h2>Fermetures exceptionnelles</h2>
    <ul>
      <li>Du <time datetime="2026-12-24">24 décembre</time> au
        <time datetime="2027-01-01">1er janvier</time></li>
      <li>Le <time datetime="2027-05-01">1er mai</time></li>
    </ul>

    <h2>Adresse</h2>
    <p>La Librairie du Campus<br>
      12, rue des Écoles<br>
      75005 Paris</p>
  </body>
</html>