5. Listes et définitions

Cette section décrit comment programmer des listes ainsi que des définitions en HTML. Que l'on utilise ou non les codes <UL> ou <OL>, chaque ligne doit être précédée de la commande <LI>.

5.1 Listes non ordonnées <UL>

Les listes sont très utilisées en HTML pour ordonner de l'information hiérarchiquement, en utilisant ou non des chiffres pour numéroter les sections et sous-sections. On parle alors de listes non-ordonnées (<UL>) et de listes ordonnées (ou <OL>).

<UL>
<LI>premier point
<LI>deuxième point
</UL>


donne:


<UL>
<LI>premier point
<LI>deuxième point
<UL>
<LI>premier point secondaire
<LI>deuxième point secondaire
</UL></UL>

donne:

L'indentation multiple permet d'utiliser par défaut différentes puces en début de liste. Dans l'exemple suivant affichant trois niveaux, on remarque que le cercle noir est suivi du cercle vide puis du carré vide:


On peut changer ces choix en utilisant la commande <UL TYPE=disc>, <UL TYPE=circle> ou <UL TYPE=square> comme le montre les exemples ci-dessous:

5.2 Listes ordonnées <OL>

<OL>
<LI>premier point
<LI>deuxième point
</OL>

donne:
  1. premier point
  2. deuxième point

<OL>
<LI>premier point
<LI>deuxième point
<OL>
<LI>premier point secondaire
<LI>deuxième point secondaire
</OL></OL>

donne:

  1. premier point
  2. deuxième point
    1. premier point secondaire
    2. deuxième point secondaire

Variantes d'affichage des listes ordonnées

Le code:

<OL TYPE=A>

<LI>premier item

<LI>deuxième item

</OL>

donne:
  1. premier item
  2. deuxième item
Les variantes <OL TYPE=a>, <OL TYPE=I>, <OL TYPE=i> et <OL TYPE=1> donnent respectivement des lettres minuscules, des lettres majuscules en chiffres romains, des lettres minuscules en chiffres romains et des chiffres, comme les exemples ci-dessous:
  1. premier item
  2. deuxième item
  1. premier item
  2. deuxième item
  1. premier item
  2. deuxième item
  1. premier item
  2. deuxième item

5.3 Définitions

Une définition est une annotation HTML qui permet d'inscrire d'abord un terme à définir pour lui ajouter en-dessous et en retrait (alinéa) sa définition.

<DL> indique une zone de définitions ("definitions list") à venir ci-dessous (une ou plusieurs)
<DT>("definition term") indique le premier terme à définir
<DD> donne la définition du premier terme en retrait d'un alinéa
</DL>("definition list") indique la fin de la zone de définitions.

Pour mettre plusieurs définitions une à la suite des autres, il suffit de répéter la séquence <DT><DD> autant de fois que l'on en a besoin à l'intérieur de la zone. On peut aussi donner plus d'une définition à un terme en réutilisant la commande <DD> plus d'une fois sous la ligne <DT>.

Voici ce que cela donne:

Octet
Mot de huit bits
kiloOctet
1024 octets
8192 bits

Chapitre suivant
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20
Retour à la page principale