SELFHTML/Quickbar
HTML
Types de paragraphes et structure du texte
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.
<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> |
<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.
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.
![]() ![]() |
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...
<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> |
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...
![]() ![]() |
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...
<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> |
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...
![]() ![]() |
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.
<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> |
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.
![]() ![]() |
Vous pouvez mentionner que la liste soit affichée sous une forme de représentation plus compacte comme du texte normal.
<ol compact> <li>élément de liste <li>élément de liste <li>élément de liste </ol> |
avec l'attribut compact dans le repère d'ouverture de <ol> vous pouvez décider d'une présentation plus compacte.
Les navigateurs WWW ignorent encore en règle générale cette mention.
![]() ![]() |
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:![]() |
![]() |
avant:![]() |
![]() |
SELFHTML/Quickbar
HTML
Serge François, 13405@free.fr