Listes (ol et ul)

Définition

Pour faire une liste il faut imbriquer deux niveaux de balises :

  • un premier niveau ol (pour une liste numérotée) ou ul (pour une liste non numérotée)

  • un second niveau <li> pour chaque item de liste

Exemple

1
<!DOCTYPE html>
2
<html lang="fr">
3
    <head>
4
        <title>Recette de la tartine à la confiture de fraise</title>
5
        <meta charset="utf-8">
6
    </head>
7
    <body>
8
        <h1>Recette de la tartine à la confiture de fraise</h1>        
9
        <ol>
10
            <li>Prendre une tranche de pain</li>
11
            <li>Étaler du beurre avec un couteau</li>
12
            <li>Ajouter une couche de confiture avec une cuillère</li>
13
        </ol>
14
    </body>
15
</html>

Syntaxe

1
<ul>
2
<li>Item de liste à puce</li>
3
<li>Item de liste à puce</li>
4
</ul>
5
6
<ol>
7
<li>Item de liste à ordonnée</li>
8
<li>Item de liste à ordonnée</li>
9
</ol>