📋 Les balises HTML de listes¶
Ce guide présente les balises HTML <ul>, <ol> et <li> utilisées pour créer des listes sur une page web. Chaque section contient des exemples et des explications claires. 🚀
🔹 <ul> : Liste non ordonnée¶
La balise <ul> est utilisée pour créer une liste dont les éléments ne sont pas numérotés.
-
Utilisée pour créer une liste à puces.
-
Les éléments n’ont pas d’ordre particulier.
-
Chaque item est défini avec
<li>.
Exemple :¶
<ul>
<li>Pomme</li>
<li>Banane</li>
<li>Orange</li>
</ul>
Résultat :
- Pomme
- Banane
- Orange
🔹 <ol> : Liste ordonnée¶
-
Crée une liste numérotée.
-
Les éléments sont présentés dans un ordre logique ou hiérarchique.
-
Chaque item est aussi défini avec
<li>.
Exemple :¶
<ol>
<li>Préparer les ingrédients</li>
<li>Mélanger</li>
<li>Cuire</li>
</ol>
Résultat :
- Préparer les ingrédients
- Mélanger
- Cuire
🔹 <li> : List item¶
Doit toujours être contenu dans une balise <ul> ou <ol>.
Représente un élément de liste.
Sans liste, la balise <li> ne sert à rien.