Sommaire

Les Listelistes

1. Les différents types de liste

Les listes permettent d’insérer des énumérations sémantiques dans vos pages web. Vous avez trois types de liste à votre disposition : les listes non ordonnées (plus communément appelées listes à puces), les listes ordonnées (listes numérotées) et les listes de définitions.

Notez l’usage très répandu des listes pour créer des barres de navigation. C’est une utilisation parfaitement valide puisque ces barres sont des énumérations, des listes de liens.

2. Les l Liste:non ordonnéeistes non ordonnées

Les listes non ordonnées (unordered list en anglais) permettent de lister, d’énumérer des données qui s’afficheront avec une puce devant chaque élément de la liste. C’est l’élément <ul> qui est utilisé pour définir la liste. Ensuite, chaque élément, chaque item de la liste, sera placé dans un élément <li>.

Voici les propriétés d’affichage par défaut des listes non ordonnées :

ul { 
       display: block; 
       list-style-type: disc; 
       margin-top: 1em; 
       margin-bottom: 1em; 
       margin-left: 0; 
       margin-right: 0; 
    ...