SELFHTML/Quickbar  HTML  Types de paragraphes et structure du texte


Listes numérotées

Cette page est un document avec du texte et des informations

 Définir des listes numérotées
 Numéroter les listes alphabétiquement
 Numéroter les listes en chiffres romains
 Influencer la numérotation
 Représenter des listes condensées
 Autres possibilités

 

HTML2.0 Définir des listes numérotées

Beispiel Exemple d'affichage: aperçu

Les listes numérotées ont tout leur sens pour, par exemple, représenter de façon claire des actions à accomplir les une après les autres ou des suites rangées dans l'ordre. Dans une liste numérotée tous les éléments de la liste sont numérotés dans l'ordre.

Exemple:

<ol>
<li>élément de la liste, reçoit le chiffre "1." devant</li>
<li>élément de la liste, reçoit le chiffre "2." devant</li>
<li>élément de la liste, reçoit le chiffre "3." devant</li>
</ol>

Explication:

<ol> introduit une liste numérotée(ol = ordered list = liste numérotée). Avec <li> commence un nouveau point de la liste (li = list item = élément de liste). Le repère de fermeture </li> à la fin d'un élément de la liste n'est pas absolument nécessaire, mais dans l'esprit du SGML, il est plus propre de l'employer. </ol> termine la liste.

Attention:

En imbriquant des listes numérotées on obtient un numérotage global. Des hiérarchies automatiques de numérotation comme 1., 1.1., 1.1.1., ne sont pas (encore) possible en HTML.

 

HTML3.2 Numéroter les listes alphabétiquement

Beispiel Exemple d'affichage: aperçu

Vous pouvez numéroter des listes alphabétiquement. Les listes ne seront alors pas numérotées avec 1., 2., 3. etc..., mais avec A., B., C. (ou bien également a., b., c.) etc...

Exemple:

<ol type=A>
<li>élément de liste est précédé d'un "A." 
<li>élément de liste est précédé d'un "B." 
<li>élément de liste est précédé d'un "C." 
</ol>

<ol type=a>
<li>élément de liste est précédé d'un "a." 
<li>élément de liste est précédé d'un "b." 
<li>élément de liste est précédé d'un "c." 
</ol>

Explication:

Avec <ol type=A> les éléments de liste seront numérotés avec A., B., C. etc...
Avec <ol type=a> les éléments de liste seront numérotés avec a., b., c. etc...

 

HTML3.2 Numéroter les listes en chiffres romains

Beispiel Exemple d'affichage: aperçu

Vous pouvez numéroter les listes en chiffres romains. Les listes ne seront alors pas numérotées avec 1., 2., 3. etc... mais avec I., II., III., IV. (ou également i., ii., iii., iv.) etc...

Exemple:

<ol type=I>
<li>élément de liste est précédé d'un  "I." 
<li>élément de liste est précédé d'un "II." 
<li>élément de liste est précédé d'un "III." 
<li>élément de liste est précédé d'un "IV." 
</ol>
  
<ol type=i>
<li>élément de liste est précédé d'un "i." 
<li>élément de liste est précédé d'un "ii." 
<li>élément de liste est précédé d'un "iii." 
<li>élément de liste est précédé d'un "iv." 
</ol>

Explication:

Avec <ol type=I> les éléments de liste seront numérotés avec I., II., III., IV. etc...
Avec <ol type=i> les éléments de liste seront numérotés avec i., ii., iii., iv. etc...

 

HTML3.2 Influencer la numérotation

Beispiel Exemple d'affichage: aperçu

Vous pouvez déterminer librement le numéro de départ des listes numérotées. La liste commence alors par exemple non pas avec 1 mais avec 7 ou bien non pas avec A mais avec G. De plus vous pouvez à l'intérieur d'une liste numérotée attribuer un nouveau numéro de départ pour chaque élément de la liste.

Exemple:

<ol start=7>
<li>élément de liste est précédé d'un "7." 
<li>élément de liste est précédé d'un "8." 
<li>élément de liste est précédé d'un "9." 
<li value=10000>élément de liste est précédé d'un "10000." 
<li>élément de liste est précédé d'un "10001." 
<li>élément de liste est précédé d'un "10002." 
<li>élément de liste est précédé d'un "10003." 
</ol>

Explication:

Avec start= dans le repère d'ouverture <ol> vous pouvez affecter une valeur de départ au choix, par exemple <ol start=7>. La numérotation commence alors avec 7.

Avec value= dans le repère <li>d'une liste numérotée vous pouvez affecter une nouvelle valeur de départ au choix, par exemple avec <ol value=15>. La numérotation continue alors avec 15.

 

HTML3.2 Représenter des listes condensées

Beispiel Exemple d'affichage: aperçu

Vous pouvez mentionner que la liste soit affichée sous une forme de représentation plus compacte comme du texte normal.

Exemple:

<ol compact>
<li>élément de liste
<li>élément de liste
<li>élément de liste
</ol>

Explication:

avec l'attribut compact dans le repère d'ouverture de <ol> vous pouvez décider d'une présentation plus compacte.

Attention:

Les navigateurs WWW ignorent encore en règle générale cette mention.

 

HTML4.0 Autres possibilités

Les repères <ol> et <li> peuvent comprendre des  attributs universels.

Si vous connaissez HTML déjà un peu mieux, essayez aussi les possibilités offertes par les  feuilles de style CSS. Car ce n'est qu'avec elles que vous pourrez formater les listes et éléments de liste comme vous le souhaitez. Pour cela il vous faut d'abord savoir comment  définir des feuilles de style. Ensuite vous serez en mesure d'utiliser les mentions de feuilles de style. Dans le contexte qui vient d'être décrit, les mentions de feuilles de style suivantes sont intéressantes:
 Formatage de la police
 Espaces, marges, alignements
 Cadres et espaces intérieurs
 Couleurs et images d'arrière plan
 Listes et tableaux


 
après: Listes énumératives (listes à puces)
avant: Contrôle du passage à la ligne
 

SELFHTML/Quickbar  HTML  Types de paragraphes et structure du texte

© 1998 Stefan Münz / © 2001 Traduction  Serge François, 13405@free.fr