Introduction au langage HTML© 2005 Vatteville ingénierie
12. Listes
<UL>
<OL>
<UL> début d'une liste à puces. Plusieurs niveaux peuvent être imbriqués. La puce est alors modifiée, pour une meilleure lisibilité.

<LI> début d'un nouvel item (balise commune aux listes <UL> et <OL>)

Exemple :
<UL>
<LI>Premier chapitre
<UL>
<LI>Premier paragraphe
<LI>Deuxième paragraphe
</UL>
<LI>Deuxième chapitre
</UL>
Produit :
  • Premier chapitre
    • Premier paragraphe
    • Deuxième paragraphe
  • Deuxième chapitre

L’attribut type=DISC, CIRCLE ou SQUARE, qui permettait de choisir la forme de la puce, est déprécié.
Utiliser le style list-style-type: disc, circle ou square.
<UL style="list-style-type:disc"> 
  • Disc
<UL style="list-style-type:circle"> 
  • Circle
<UL style="list-style-type:square"> 
  • Square


<OL> début d'une liste numérotée. Par défaut, les numéros commencent à 1 (ou a).
<OL style="list-style-type:decimal"> 1, 2, 3 … (le défaut)
<OL style="list-style-type:lower-roman"> i, ii, iii …
<OL style="list-style-type:upper-roman"> I, II, III …
<OL style="list-style-type:lower-alpha"> a, b, c …
<OL style="list-style-type:upper-alpha"> A, B, C …
Le style list-style-type peut prendre encore d’autres valeurs, par exemple lower-greek, hebrew, mais qui ne sont pas reconnues par tous les navigateurs.

<OL start=#> L’attribut start permet de choisir une autre valeur de départ que 1 ou a.
<LI value=#> L’attribut value permet de forcer une autre valeur que celle calculée en fonction de l’ordre de succession des items. Les items suivants sont incrémentés à partir de cette valeur modifiée.
Les attribut start=# et value=#, qui permettent de modifier la numérotation, sont en passe d’être dépréciés. Mais leurs remplaçants ne sont pas encore reconnus par les navigateurs.

Exemple :
<OL>
<LI>Premier chapitre
<OL style="list-style-type:lower-alpha">
<LI>Premier paragraphe
<LI>Deuxième paragraphe
</OL>
<LI>Deuxième chapitre
</OL>
Produit :
  1. Premier chapitre
    1. Premier paragraphe
    2. Deuxième paragraphe
  2. Deuxième chapitre

Lexique
Ordered List=liste numérotée, start=début, Unordered List=liste sans numéro

Introduction au langage HTML© 2005 Vatteville ingénierie