Sommaire

Les listes Listes

Il existe deux types de listes : les listes ordonnées (<ol>), c’est-à-dire dans lesquelles chaque élément va être précédé d’un numéro, et les listes à puces (<ul>), dans lesquelles chaque élément sera précédé d’un symbole (une puce). Voir l’exemple : 6_2_lesListes.html.

Images/R6_2.png

Il est possible de ne pas afficher la puce d’origine, qui peut déjà par défaut être un cercle, un disque ou un carré. Il est possible d’écrire dans le CSS, pour une liste non ordonnée, list-style-type et de préciser une des valeurs possibles : circle, disc ou square. Ce qui donnerait :

ul { 
   list-style-type : circle ; 
}

Ou pour une liste ordonnée, de préciser si le comptage se fait en chiffres arabes, romains ou en lettres.

ol { 
   list-style-type : upper-roman; 
}

Dans l’exemple ci-dessus, les éléments de liste seront précédés d’un numéro en chiffres romains majuscules  (I, II, III, IV...).

Vous trouverez plus de détails concernant les listes sur le site du W3C à l’adresse : http://www.w3.org/TR/html401/struct/lists.html

Il est fréquent de faire disparaître la puce ou le numéro pour utiliser une liste en lignes ou en colonnes pour un menu (voir le chapitre Les liens et menus en HTML5 - section ...