DébutantNon commencé

Exercice 3.2 · 6 min · 0 tentative

Le menu de navigation

🎯 Objectif

Un site sans menu, c'est un stade sans panneaux : on entre, et on erre. Construire le menu du club avec <nav> : une liste de liens que tout le web comprend.

📖 Exemple

La pizzeria du coin a deux pages, son menu tient en une liste de liens — le code, et ce que le navigateur en fait :

<nav>
  <ul>
    <li><a href="carte.html">La carte</a></li>
    <li><a href="horaires.html">Horaires</a></li>
  </ul>
</nav>

Pourquoi cet emboîtement, plutôt que des liens en vrac ? <nav> crée un repère : d'une touche, un utilisateur de lecteur d'écran saute au menu — ou le saute pour filer au contenu. Et la liste annonce sa taille : « liste, 2 éléments » — avant même le premier clic, on connaît le nombre de pages. Au module 4, le CSS transformera cette liste en vraie barre horizontale.

📝 Consigne

Sous l'en-tête déjà en place, construis le menu du club — même emboîtement, autres destinations :

  1. Une zone de navigation, avec une liste à puces dedans
  2. Trois éléments <li>, dans cet ordre
  3. Dans chacun, un lien <a> :
    • galerie.html → texte Galerie
    • contact.html → texte Contact
    • blog.html → texte Blog

Résultat attendu

Une liste à puces de trois liens sous le titre. Clique-les : les pages existent pour de vrai !

Ce qui est vérifié

  • Créer un menu <nav> contenant une liste <ul>
  • Mettre trois éléments <li> dans le menu
  • Créer le lien « Galerie » vers galerie.html
  • Créer le lien « Contact » vers contact.html
  • Créer le lien « Blog » vers blog.html
  • Écrire un code HTML bien formé
  • Respecter la structure de la page (doctype, head, body)

Indices (0/3)

Indice 1 verrouillé
Indice 2 verrouillé
Indice 3 verrouillé