Listes

5 min 4 exercices Niveau 4

Le langage HTML permet de créer des listes à puce (appelées listes non ordonnées) et des listes numérotées (appelées listes ordonnées).

Les listes non ordonnées

Les listes non ordonnées sont utilisées pour répertorier des éléments qui n’ont pas besoin d’être ordonnés, qui n’ont pas de rapport particulier entre eux ou qui ne souffrent pas de hiérarchie.

Une liste non ordonnée est définie grâce aux balises <ul></ul> (pour unordered list, liste non ordonnée, en anglais). Ensuite, chaque item de la liste est entouré des balises <li></li> (pour list item, item de liste, en anglais).

Exemple :

<body>
    <!-- Liste non ordonnée -->
    <ul>
        <!-- Element -->
        <li>Ski</li>
        <!-- Element -->
        <li>Pomme</li>
        <!-- Element -->
        <li>Stylo</li>
    </ul>
</body>

Les listes ordonnées

Les listes ordonnées sont utilisées pour des items liés entre eux ou qui souffrent d’une hiérarchie. Les items d’une liste ordonnée sont affichés avec des numéros devant, représentant leur importance dans la hiérarchie.

Une liste ordonnée est entourée des éléments <ol></ol> (pour ordered list, liste ordonnée, en anglais). Ici aussi, chaque item de la liste est entouré des balises <li></li>.

Exemple :

<body>
    <!-- Liste ordonnée -->
    <ol>
        <!-- Element -->
        <li>Introduction</li>
        <!-- Element -->
        <li>Partie I</li>
        <!-- Element -->
        <li>Partie II</li>
        <!-- Element -->
        <li>Partie III</li>
    </ol>
</body>

Listes de description

Se connecter pour voir la suite

Besoin d'aide ?

Rejoignez notre communauté officielle et ne restez plus seul à bloquer sur un problème !