Entrée | Sommaire | Historique | Structure | Entête et Corps | Textes | Liens | Listes | Images | Tableaux | Cadres | CSS | Propriétés CSS | Annexes

Listes

Sommaire

Listes ordonnées

Les listes ordonnées sont des listes dont les éléments sont numérotés pour donner une idée d'ordre. Par exemple, une liste d'instruction d'un mode d'emploi, la liste des chapitres d'un livre sont des listes ordonnées.

Une liste ordonnée est délimitée par les balises <ol> et </ol> . Chaque élément de la liste est délimité par les balises de liste <li> et </li> .

Tous les attributs de la balise ol sont déclassée en XHTML en faveur des feuilles de style:
compact="compact" : la liste est plus compacte.
start="..." : permet de définir le numéro du premier élément de la liste.
type="..." : définit le type de numerotation de la liste. La valeur peut être l'une des suivantes:

Note: attention si vous avez de grand nombre dans votre numérotation, il se peut que les nombres se superposent au texte de la liste, qu'ils soient mal affichés ou que votre butineur les interprètent mal.

exemples de listes ordonnées
<ol>
   <li>premier élément de la liste</li>
   <li>second élément</li>
   <li>troisième élément</li>
</ol>
  1. premier élément de la liste
  2. second élément
  3. troisième élément
<ol compact="compact" type="I" start="10">
   <li>premier élément de la liste a numérotation avec nombre romains en majuscule</li>
   <li>deuxième élément de la liste il est numéroté XI (11) car l'attribut start de la balise ol a une valeur de 10.</li>
   <li>troisième élément</li>
</ol>
  1. premier élément de la liste a numérotation avec nombre romains en majuscule
  2. deuxième élément de la liste il est numéroté XI (11) car l'attribut start de la balise ol a une valeur de 10.
  3. troisième élément
<ol compact="compact" type="A" start="28">
   <li>numerotation avec lettre a partir du numero 28</li>
   <li>deuxieme element de la liste</li>
</ol>
  1. numerotation avec lettre a partir du numero 28
  2. deuxieme element de la liste

Retour au sommaire

Listes non ordonnées

Les listes non ordonnées sont des listes dont les éléments n'ont pas d'ordre particulier. Une liste de courses, la liste des sections d'un site web sont généralement des listes non ordonnées.
puisque les elements de la liste ne sont pas numerotés, il y a des puces devant chaque élément.

Une liste non ordonnée est délimitée par les balises <ul> et </ul> . Chaque élément de la liste est délimité par les balises de liste <li> et </li> .

Tous les attributs de la balise ul sont déclassée en XHTML en faveur des feuilles de style:
compact="compact" : la liste est plus compacte.
type="..." : définit le type de puce situé devant chaque élément de la liste. La valeur peut être l'une des suivantes:

Note: généralement lorsqu'il y a des sous-listes dans une liste, le type de puce change.

exemple de liste non ordonnée
<ul type="circle" >
   <li>premier élément de la liste</li>
   <li>second élément
      <ul type="square" >
         <li>premier élément d'une sous liste élément</li>
         <li>second élément de la sous liste</li>
      </ul>
   </li>
   <li>troisieme élément de la liste principale</li>
</ul>
  • premier élément de la liste
  • second élément
    • premier élément d'une sous liste
    • second élément de la sous liste
  • troisième élément de la liste principale

Retour au sommaire

Eléments des listes ordonnées et non-ordonnées

Chaque élément d'un liste (ordonnées ou non) est délimité par les balises <li> et </li>.

Tous les attributs de la balise li sont déclassée en XHTML en faveur des feuilles de style:

Atributs de la balise li dans les listes ordonnées :
type="..." : définit le type de numerotation de la liste à partir de cet élément (et pour les suivants). La valeur peut être l'une des suivantes:
value="..." : valeur du numéro de cet élément de la liste. Les éléments suivants prendrons cette valeur pour base de leur numérotation.

Atributs de la balise li dans les listes non ordonnées :
type="..." : définit le type de numerotation de la liste à partir de cet élément (et pour les suivants). La valeur peut être l'une des suivantes:

Retour au sommaire

Listes Glossaire / de définition

Les listes glossaires sont généralement utilisées pour donner des définitions de mots. Elles sont contituées de titre (le mot à définir), et de données (la définition) situées en retrait par rapport au titre.

Les listes glossaires sont délimités par les balises <dl> et </dl> (definition list), entre ces balises il peut y avoir autant de titres situés entre les balises <dt> et </dt> (definition title), et de donnés situées entre les balises <dd> et </dd> (definition data)

Le seul attribut de la balise dl est déclassée en XHTML en faveur des feuilles de style:
compact="compact" : la liste est plus compacte.

Les balises dt et dd n'ont pas d'attributs.

exemple de liste glossaire
<dl>
<dt>balise orpheline</dt>
   <dd>une balise orpheline est une balise qui n'a pas de balise de fermeture. En XHTML, elle est fermée à la fin de la balise d'ouverture avec un / . La balise de retour à la ligne br est une balise orpheline, elle s'écrit <br /> . </dd>
</dl>
balise orpheline
une balise orpheline est une balise qui n'a pas de balise de fermeture. En XHTML, elle est fermée à la fin de la balise d'ouverture avec un / . La balise de retour à la ligne br est une balise orpheline, elle s'écrit <br /> .

Retour au sommaire

Entrée | Sommaire | Historique | Structure | Entête et Corps | Textes | Liens | Listes | Images | Tableaux | Cadres | CSS | Propriétés CSS | Annexes

1 juillet 2002
Stéphane Chalamet : stephane.chalamet@free.fr