DébutantNon commencé
Exercice 1.6 · 7 min · 0 tentative
Les listes
🎯 Objectif
Créer les deux types de listes HTML : à puces et numérotée.
📖 Exemple
La check-list du randonneur, en deux listes — le code, et ce que le navigateur en fait :
<ul>
<li>Une gourde</li>
<li>Un pique-nique</li>
</ul>
<ol>
<li>Vérifier la météo</li>
<li>Prévenir quelqu'un</li>
</ol>
Pourquoi deux balises ? <ul> (unordered list) crée des puces quand l'ordre est libre ; <ol> (ordered list) des numéros quand l'ordre compte. Dans les deux, chaque ligne est un <li> (list item) — et tu n'écris jamais les puces ni les numéros : le navigateur s'en charge.
📝 Consigne
Complète la recette de pancakes :
- Sous « Ingrédients » : une liste à puces avec exactement 3 ingrédients — le premier affiche 250 g de farine, les deux autres sont à ton goût
- Sous « Étapes » : une liste numérotée avec exactement 3 étapes — la première contient le mot Mélanger
Résultat attendu
Ta recette en deux listes :
- les ingrédients à puces, farine en tête
- les étapes numérotées de 1 à 3, Mélanger d'abord
Ce qui est vérifié
- Créer une liste à puces avec ul
- 3 ingrédients dans la liste à puces
- Le premier ingrédient est « 250 g de farine »
- Créer une liste numérotée avec ol
- 3 étapes dans la liste numérotée
- La première étape commence par « Mélanger »
- Respecter la structure de la page (doctype, head, body)
- Fermer toutes les balises ouvertes
Indices (0/3)
Indice 1 verrouillé
Indice 2 verrouillé
Indice 3 verrouillé