Les listes


Il existe trois différents types de listes :
les listes à pastilles,
les listes numérotées,
les listes de définition.

Elles sont embricables les unes les autres et peuvent avoir plusieurs niveaux.

listes de définition

DL -- Liste de définition (DT | DD)+
compact (compact) #IMPLIED
DT -O Terme à définir (%text)*
DD -O Définition du terme (%flow)

<DL [compact]> HTML 2.0
'Definition List'. Marque le début d'une liste de définition. Doit finir avec </DL>. compact demande une liste compacté, le terme et la définition sont mis sur la même ligne.

<DT> HTML 2.0
'Definition Term'. Insére une nouvelle entrée dans la liste. Le terme est souvent affiché en gras.

<DD> HTML 2.0
'Definition Description'. Affiche la définition du terme sur une nouvelle ligne sauf dans le cas d'une liste compacté où le browser essaye de tout mettre sur une seul ligne.

Implémentation d'une liste de définition

<DL>
  <DT>FTP<DD>File Transfer Protocol
  <DT>HTML<DD>HyperText Markup Langage
  <DT>HTTP<DD>HyperText Transfer Protocol
</DL>
FTP
File Transfer Protocol
HTML
HyperText Markup Langage
HTTP
HyperText Transfer Protocol
Compacté
<DL compact>
  <DT>SMTP<DD>Simple Mail Transfer Protocol
  <DT>NNTP<DD>Network News Transfer Protocol
  <DT>CSS1<DD>Cascading Style Sheet, Level 1
</DL>
SMTP
Simple Mail Transfer Protocol
NNTP
Network News Transfer Protocol
CSS1
Cascading Style Sheet, Level 1

listes ordonnées et listes unordonnées

OL -- Liste numérotée (LI)+
type %OLStyle #IMPLIED
start NUMBER #IMPLIED
compact (compact) #IMPLIED
UL -- Liste à pastilles (LI)+
type %ULStyle #IMPLIED
compact (compact) #IMPLIED
LI -O Chaque élément de liste %flow
type %LIStyle #IMPLIED
value NUMBER #IMPLIED
(DIR | MENU) -- (LI)+ - (%block)
compact (compact) #IMPLIED
%OLStyle; "CDATA" [1 | a | A | i | I]
%ULStyle; "disc | square | circle"
%LIStyle; "CDATA" (%ULStyle; | %OLStyle;)

<OL [TYPE=1|a|A|i|I] [START=n]> HTML 2.0
'Ordered List'. Insère une liste numérotée.
[TYPE=1|a|A|i|I] change le style de numérotation de l'entrée par 1,2,3 (1 par défaut), a,b,c (a), A,B,C (A), i,ii,iii (i) et I,II,III (I).
[START=n] commence la numérotation à n, n étant supèrieur ou égal à 1. Doit finir avec </OL>

<UL [TYPE=DISC|SQUARE|CIRCLE]> HTML 2.0
'Unordered List'. Insère une liste à pastilles.
[TYPE=DISC|SQUARE|CIRCLE] change de type de pastilles entre DISC (un cercle plein), CIRCLE (un cercle creux) et SQUARE (un carré). Doit finir avec </UL>

<LI [[TYPE=A|a|I|i]|[TYPE=DISC|CIRCLE|SQUARE]]> HTML 2.0
'List Insert' ou 'List Item'. Insère un élément dans la liste. Travaille de la même manière dans les deux types de listes.
TYPE prend la même valeur que la liste à laquelle il est rattaché.

Les deux types de listes qui suivent sont souvent utilisé dans les pages FTP, mais ne sont pas supportés par tout les browsers.

<MENU [compact] [DINGBAT=text] [CLEAR=align]> HTML 2.0
'MENU list'. Insére une liste de menu. Chaque entrée de la liste apparait dans un paragraphe séparé, en retrait à gauche et précédé d'une puce. Chaque élément de la liste est marqué par la balise LI. Doit finir avec </MENU>
DINGBAT est le nom de l'icone qui débute la ligne. Peut être "text.document", l'icone d'un fichier text, "no" pas d'icone. 30 autres icones existent.

<DIR [compact]>
'DIRectory list'. Insère une liste d'énumération. Fonctionne de la même manière que <UL>. Le navigateur insère une ligne blanche avant et aprés la liste. Chaque élément de la liste est marqué par la balise LI. Doit finir avec </DIR>.

Implémentation d'une liste numérotée

<OL start=4><LI>Agrume
<OL type=a><LI>Orange
  <LI value=3>Mandarine
  <LI type=I value=6>Pamplemousse</OL>
<LI>Baies
<OL type=i start=8><LI>Fraise
  <LI type=1>Groseille
  <LI>Myrtille</OL></OL>
  1. Agrume
    1. Orange
    2. Mandarine
    3. Pamplemousse
  2. Baies
    1. Fraise
    2. Groseille
    3. Myrtille
Compacté
<OL start=4 compact><LI>Agrume
<OL type=a><LI>Orange
  <LI value=3>Mandarine
  <LI type=I value=6>Pamplemousse</OL>
<LI>Baies
<OL type=i start=8><LI>Fraise
  <LI type=1>Groseille
  <LI>Myrtille</OL></OL>
  1. Agrume
    1. Orange
    2. Mandarine
    3. Pamplemousse
  2. Baies
    1. Fraise
    2. Groseille
    3. Myrtille

Les listes numérotées ne peuvent être négatives ou égale à zéro :-( Sachez-le.

Implémentation d'une liste à pastilles

<UL><LI>Fruits exotiques
<UL><LI>Ananas
  <LI>Papaye
  <LI>Mangue</UL>
<LI type=circle>Fruits secs
<UL><LI>Amande
  <LI>Noisette
  <LI>Noix</UL></UL>
  • Fruits exotiques
    • Ananas
    • Papaye
    • Mangue
  • Fruits secs
    • Amande
    • Noisette
    • Noix
Compacté
<UL compact><LI>Exotiques
<UL><LI>Ananas
  <LI type=square>Papaye
  <LI>Mangue</UL>
<LI>Secs
<UL><LI>Amande
  <LI>Noisette
  <LI>Noix</UL></UL>
  • Exotiques
    • Ananas
    • Papaye
    • Mangue
  • Secs
    • Amande
    • Noisette
    • Noix

Christophe Merlet
redfox@redfoxcenter.org
©Tous droits réservés
13 août 1997