Pour afficher une liste dans laquelle l'ordre des éléments (par ex. une liste d'achats) n'a pas d'importance, il est préférable d'utiliser une liste non-ordonnée.
On utilise les balises HTML <ul> (unordered list) et <li> (list item).
Résultat :
- farine
- oeufs
- eau
- biscuits
- huile
Pour définir l'apparence visuelle de cette liste on peut utiliser les sélecteurs de type balise (correspondant aux balises utilisées) : ul et li.
Les propriétés CSS propres aux listes sont (propriété en gras, liste des valeurs possibles, la valeur par défaut est soulignée) :
Par exemple :
Résultat :
- farine
- oeufs
- eau
- biscuits
- huile
Ce type de liste trouve son utilité dans les menus, qui sont des listes de liens.
Pour plus d'informations sur les listes, vous pouvez consulter la traduction française de la recommandation du W3C.