Une page « Rayon informatique » — exercice corrigé d'HTML : structurer le Web (école d'ingénieur) (chapitre 10)

Une page « Rayon informatique »

Valider, bien écrire, et le projet de la Librairie · niveau 2

Énoncé

Ajouter au site une page rayon-informatique.html qui présente les deux livres d'informatique, chacun dans un <article> avec son titre, son auteur, son prix et sa disponibilité. Elle reprend le gabarit commun ; dans le menu, c'est le lien « Catalogue » qui est marqué comme courant. Valider la page.

Corrigé


<main id="contenu">
  <h1>Rayon informatique</h1>
  <p>Deux titres, pour apprendre à programmer puis à concevoir des algorithmes.</p>
  <ul>
    <li>
      <article aria-labelledby="titre-java">
        <h2 id="titre-java"><a href="livre.html">Programmation Java</a></h2>
        <p>I. Alame — 32,00 € — en stock</p>
      </article>
    </li>
    <li>
      <article aria-labelledby="titre-algo">
        <h2 id="titre-algo">Introduction à l’algorithmique</h2>
        <p>T. Cormen et al. — 89,00 € — en stock</p>
      </article>
    </li>
  </ul>
  <p><a href="catalogue.html">Retour au catalogue complet</a></p>
</main>

Chaque livre est une liste d'<article> nommés par leur titre. Le reste de la page (tête, bannière, pied de page) est le gabarit commun ; la page passe le validateur.