Lists · Listes
This page needs a recent browser (with SharedArrayBuffer support). Please update Chrome, Edge, Firefox or Safari to the latest version. · Cette page nécessite un navigateur récent (avec support SharedArrayBuffer). Veuillez mettre à jour Chrome, Edge, Firefox ou Safari vers la dernière version.
English
Lists
- Use a list when you have several items.
- A bullet list uses
<ul>(unordered list). - Each item goes inside its own
<li>(list item).
Français
Listes
- Utilisez une liste lorsque vous avez plusieurs éléments.
- Une liste à puces utilise
<ul>(liste non ordonnée). - Chaque élément va dans sa propre balise
<li>(élément de liste).
<ul>
<li>Milk</li>
<li>Bread</li>
<li>Eggs</li>
</ul>
English
Numbered lists
- For steps in order, use
<ol>(ordered list). - The browser adds the numbers 1, 2, 3 for you.
- The items are still
<li>— only the outer tag changes.
Français
Listes numérotées
- Pour des étapes dans l'ordre, utilisez
<ol>(liste ordonnée). - Le navigateur ajoute les chiffres 1, 2, 3 pour vous.
- Les éléments sont toujours
<li>— seule la balise externe change.
<ol>
<li>Open the box</li>
<li>Add water</li>
<li>Stir</li>
</ol>
English
Common mistakes
<ul>is bullets,<ol>is numbers; each item goes in<li>.- Close every
<li>.
Français
Erreurs courantes
<ul>sont des puces,<ol>sont des chiffres ; chaque élément va dans<li>.- Fermez chaque
<li>.
English
Now you try
- Notice how the
<li>items sit inside the<ul>or<ol>. - Build one of each below.
Français
À vous maintenant
- Remarquez comment les éléments
<li>sont placés à l'intérieur des<ul>ou<ol>. - Construisez-en une de chaque ci-dessous.
Make a bullet list with three items: Apples, Bananas, Cherries. Put each one in its own <li>. · Faites une liste à puces avec trois éléments : Apples, Bananas, Cherries. Placez chacun dans sa propre balise <li>.
Make a numbered list with at least two steps. Use <ol> with <li> items inside. · Faites une liste numérotée avec au moins deux étapes. Utilisez <ol> avec des éléments <li> à l'intérieur.