|
Les listes en HTML sont de différents types :
* Liste non-ordonnée ('''''U'''nordered '''L'''ist'') : La balise <ttcode><ul></ttcode> est utilisée et contient une série d'item encapsulés dans des balises <ttcode><li></ttcode>. Chaque item est précédé d'une puce.
* Liste ordonnée ('''''O'''rdered '''L'''ist'') : La balise <ttcode><ol></ttcode> est utilisée et contient une série d'item encapsulés dans des balises <ttcode><li></ttcode>. Chaque item est numéroté.
* Liste de définitions ('''''D'''efinition '''L'''ist'') : La balise <ttcode><dl></ttcode> est utilisée et contient une série d'item sous la forme de paires termes-définition encapsulées respectivement dans des balises <ttcode><dt></ttcode> (Terme) et <ttcode><dd></ttcode> (Description).
== Numérotation et puces des items de la liste ==
La propriété <ttcode>list-style-type</ttcode> s'applique aux balises <ttcode><li></ttcode> et permet de modifier le style de numérotation dans une liste ordonnée<ref>http://www.w3schools.com/cssref/pr_list-style-type.asp</ref>.
=== Listes ordonnées ===
De plus, elle peut avoir l'une des valeurs suivantes (liste non exhaustive) pour les listes ordonnées :
;<ttcode>upper-roman</ttcode>:Numéro en chiffres romains, en utilisant des majuscules,
;<ttcode>lower-roman</ttcode>:Numéro en chiffres romains, en utilisant des minuscules,
;<ttcode>upper-latin</ttcode>:Lettre de l'alphabet latin, en utilisant des majuscules,
;<ttcode>lower-latin</ttcode>:Lettre de l'alphabet latin, en utilisant des minuscules.
Exemple, en définissant un style :
=== Listes non ordonnées ===
Elle peut avoir l'une des valeurs suivantes (liste non exhaustive) pour les listes non ordonnées :
;<ttcode>disc</ttcode>:Disque plein (par défaut),
;<ttcode>circle</ttcode>:Cercle (vide),
;<ttcode>square</ttcode>:Carré,
;<ttcode>none</ttcode>:Rien.
Exemple :
=== Utiliser une image comme puce ===
La propriété <ttcode>list-style-image</ttcode> peut être utilisée pour spécifier l'URL d'une image à utiliser comme puce pour les items de la liste.
<source lang="html">
| 