Listes

Listes

Les listes

Les listes à puces, les listes numérotées et les listes de définitions sont les principales formes de présentation de texte sous forme d'énumérations : elles sont un moyen d'afficher de les afficher, qui offre différentes alternatives de présentation, notamment pour la création de l'index d'un site ou d'une page de taille importante.

Liste à puces

<UL> ... </UL>: Liste non ordonnée (Unordered List), insère un décallage par rapport à la marge de gauche et permet d'avoir une liste précédée d'une puce.

<LI> ... </LI>: Liste d'items (List Item), correspond à un élément de liste : il y a autant d'entrée <LI> ... </LI> qu'il y a d'éléments à l'intérieur de la liste.

Exemple :


   <UL>

       <LI>Premièrement</LI>

       <UL>

           <LI>Première puce</LI>

           <LI>Deuxième puce</LI>

       </UL>

       <LI>Deuxièmement</LI>

       <UL>

           <LI>Première puce</LI>

           <LI>Deuxième puce</LI>

       </UL>

       <LI>Troisièmement</LI>

   </UL>

Premièrement

Première puce
Deuxième puce

Deuxièmement

Première puce
Deuxième puce

Troisièmement

Liste numérotée

<OL> ... </OL>: Liste ordonnée (Ordered List), insère un décallage par rapport à la marge de gauche et permet d'avoir une liste précédée d'un numéro.

<LI> ... </LI>: Liste d'items (List Item), correspond à un élément de liste : il y a autant d'entrée <LI> ... </LI> qu'il y a d'éléments à l'intérieur de la liste.

Exemple :


   <OL>

       <LI>Premièrement</LI>

       <OL>

           <LI>Premier numéro</LI>

           <LI>Deuxième numéro</LI>

       </OL>

       <LI>Deuxièmement</LI>

       <OL>

           <LI>Premier numéro</LI>

           <LI>Deuxième numéro</LI>

       </OL>

       <LI>Troisièmement</LI>

   </OL>

Premièrement

Premier numéro
Deuxième numéro

Deuxièmement

Premier numéro
Deuxième numéro

Troisièmement

Attributs des listes

Les listes à puces et les listes numérotées permettent un certain nombre de variantes, telles que l'affichage de puces particulières ou le choix de la numérotation.

Puces

<UL COMPACT>: Réduction de l'espace occupé par la liste.

Spécificité Netscape :

<LI TYPE="CIRCLE"> ou <UL TYPE="CIRCLE">: Affichent une puce circulaire.

<LI TYPE="DISC"> ou <UL TYPE="DISC">: Affichent une puce circulaire pleine.

<LI TYPE="SQUARE"> ou <UL TYPE="SQUARE">: Affichent un carré plein.

Spécificité Internet Explorer :

<LI SRC="url">: Affiche une image utilisée à la place d'une puce.

<UL ALIGN="LEFT">: Justification de la liste à gauche.

<UL ALIGN="CENTER">: Justification de la liste au centre.

<UL ALIGN="RIGHT">: Justification de la liste à droite.

Numéros

<LI TYPE="A"> ou <OL TYPE="A">: Affichent une liste de type A, B, C,...

<LI TYPE="a"> ou <OL TYPE="a">: Affichent une liste de type a, b, c,...

<LI TYPE="I"> ou <OL TYPE="I">: Affichent une liste de type I, II, III,...

<LI TYPE="i"> ou <OL TYPE="i">: Affichent une liste de type i, ii, iii,...

<LI TYPE="1"> ou <OL TYPE="1">: Affichent une liste de type 1, 2, 3,...

<LI START="valeur">: Attribue au premier élément de la liste la valeur indiquée.

<LI VALUE="valeur"> ou <OL VALUE="valeur">: Change l'ordre d'une liste ordonnée en donnant une valeur inattendue à un élément de la liste.

<LI COMPACT>: Réduction de l'espace occupé par la liste.

Spécificité Internet Explorer :

<OL ALIGN="LEFT">: Justification de la liste à gauche.

<OL ALIGN="CENTER">: Justification de la liste au centre.

<OL ALIGN="RIGHT">: Justification de la liste à droite.

Autres listes

Il existe d'autres listes, moins utilisées mais permettant elles aussi d'offrir différentes alternatives de présentation des énumérations : les listes de définitions (glossaires), les listes de menus et les listes de répertoires.

Glossaire

<DL> ... </DL>: Liste de définitions (Definition List), permet de lister des mots à la manière d'un lexique, avec une liste de termes et de définitions correspondantes.

<DT> ... </DT>: Représente le terme à définir (Definition Term).

<DD> ... </DD>: Représente la définition du terme (Definition Data).

<DL COMPACT>: Réduction de l'espace occupé par la liste de définition (affichage sur une seule ligne).

Exemple :

<DL>

 <DT>Terme1</DT><DD>définition de terme1...</DD>

 <DT>Terme2</DT><DD>définition de terme2...</DD>

 <DT>Terme3</DT><DD>définition de terme3...</DD>

 </DL>

Terme1: définition de terme1...
Terme2: définition de terme2...
Terme3: définition de terme3...

Liste de menus

<MENU> ... </MENU>: Liste unidimensionnelle (Menu), n'est plus recommandé par le HTML 4.0 qui lui préfère <UL> ... </UL>.

Exemple :

Début de liste <MENU> <LI>Element1</LI> <LI>Element2</LI> <LI>Element3</LI> </MENU> Fin de liste. Début de liste
Element1
Element2
Element3
Fin de liste.

Liste de répertoires

<DIR> ... </DIR>: Liste de répertoire (Directory), permet de lister des répertoires mais n'est plus recommandé par le HTML 4.0 qui lui préfère <UL> ... </UL>.

Exemple :

Début de liste <DIR> <LI>Répertoire1</LI> <LI>Répertoire2</LI> <LI>Répertoire3</LI> </DIR> Fin de liste. Début de liste
Répertoire1
Répertoire2
Répertoire3
Fin de liste.