La page « À propos » — exercice corrigé d'HTML : structurer le Web (école d'ingénieur) (chapitre 7)

La page « À propos »

HTML sémantique · niveau 2

Énoncé

Écrire la page a-propos.html du fil rouge : un en-tête avec le nom du site en lien vers l'accueil, un contenu principal en deux sections (« Notre histoire », « Nous trouver ») et un pied de page contenant les coordonnées de la librairie (adresse, téléphone cliquable, courriel cliquable) dans l'élément adéquat.

Corrigé


<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>À propos — La Librairie du Campus</title>
</head>
<body>
  <header>
    <p><a href="index.html">La Librairie du Campus</a></p>
  </header>
  <main>
    <h1>À propos</h1>
    <section>
      <h2>Notre histoire</h2>
      <p>Fondée en 1998 par des étudiants, la librairie fournit livres et
      polycopiés à tout le campus.</p>
    </section>
    <section>
      <h2>Nous trouver</h2>
      <p>Ouvert du lundi au samedi.</p>
    </section>
  </main>
  <footer>
    <address>
      La Librairie du Campus<br>
      2 boulevard Blaise-Pascal, 93160 Noisy-le-Grand<br>
      <a href="tel:+33145926500">01 45 92 65 00</a> —
      <a href="mailto:contact@librairie-campus.fr">contact@librairie-campus.fr</a>
    </address>
  </footer>
</body>
</html>

<address> convient ici : ce sont les coordonnées du propriétaire de la page. Les liens tel: et mailto: lancent l'appel ou la messagerie (chapitre 3) ; le numéro est écrit au format international dans l'adresse du lien.