Les listes

Deux sortes de listes

<ul>                       <ol>
    <li>Semis</li>             <li>Lire les règles</li>
    <li>Compost</li>           <li>S'inscrire à un atelier</li>
</ul>                      </ol>

<ul> (unordered list) : l'ordre n'a pas d'importance. Des puces.
<ol> (ordered list) : l'ordre compte. Des numéros.

Dans les deux cas, chaque élément est un <li> (list item), et seuls des <li> peuvent être enfants directs d'une liste.

Imbriquer une liste

Une sous-liste appartient à un élément de la liste parente : elle se place dans le <li>, après son texte.

<ul>
    <li>Ateliers
        <ul>
            <li>Semis</li>
            <li>Compost</li>
        </ul>
    </li>
    <li>Loisirs</li>
</ul>

L'erreur classique consiste à placer le <ul> imbriqué entre deux <li>. Le navigateur l'accepte sans broncher, mais la sous-liste n'appartient alors plus à « Ateliers » : un lecteur d'écran l'annoncera comme une liste à part.

2 exercices pour cette lecon

Les exercices demandent un compte : il faut bien enregistrer votre progression quelque part. La lecture, elle, reste libre. Creer un compte

Les règles, dans l'ordre facile lecon a valider
Une liste dans une liste moyen lecon a valider