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 :
- Une zone de navigation, avec une liste à puces dedans
- Trois éléments
<li>, dans cet ordre - Dans chacun, un lien
<a>:galerie.html→ texte Galeriecontact.html→ texte Contactblog.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)