Réaliser sa page Web
   Leçon 7 : Les listes

Avec le langage HTML vous pouvez créer des listes dans lesquelles chaque élément se trouve sur une ligne différente.
Notez que le <BR> ou les instructions de clôture en fin de ligne sont facultatives avec la plupart des navigateurs.


Les listes simples

Le code:
<UL> Balise de début de liste
<LI> des pommes <BR>
<LI> des poires <BR>
<LI> des scoubidous <BR>
</UL>
Balise de fin de liste
Donne comme résultat
  • des pommes
  • des poires
  • des scoubidous

Si vous n'êtes pas satisfaits du petit cercle utilisé comme marqueur vous pouvez en changer par <UL TYPE="disc"> ou <UL TYPE="square"> ou <UL TYPE="circle">.


Les listes numérotées

Le code:
<OL> Balise de début de liste
<LI> élément 1 de la liste
<LI> élément 2 de la liste
<LI> élément 3 de la liste
</OL>
Balise de fin de liste
Donne comme résultat
  1. élément 1 de la liste
  2. élément 2 de la liste
  3. élément 3 de la liste

Les listes des définitions

Ces listes n'ont pas de marqueurs au début de chaque rubrique, et chaque rubrique se compose d'un titre (DT) suivi de une ou plusieurs définitions (DD) qui apparaissent en retrait.

<DL> Balise de début de liste
<DT> Titre de la première définition
<DD> Texte de la première définition
<DT> Titre de la deuxième définition
<DD> Texte de la deuxième définition
<DT> Titre de la troisième définition
<DD> Texte de la troisième définition
</DL>
Balise de fin de liste
Voici le résultat :
Titre de la première définition
Texte de la première définition
Titre de la deuxième définition
Texte de la deuxième définition
Titre de la troisième définition
Texte de la troisième définition


Imbriquer les différentes listes

<DL> Balise de début de liste
<DT> <B>Titre de la première définition </B>
<DD><I>Texte de la première définition </I>
<OL> Balise de début de liste
<LI> <U>élément 1 de la liste </U>
<LI> <U>élément 2 de la liste </U>
<LI> <U>élément 3 de la liste </U>
</OL> Balise de fin de liste
<DT> <B>Titre de la deuxième définition </B>
<DD> <I>Texte de la deuxième définition </I>
<UL> Balise de début de liste
<LI> <U>élément 1 de la liste </U>
<LI> <U>élément 2 de la liste </U>
<LI> <U>élément 3 de la liste </U>
</UL> Balise de fin de liste
<DT> <B>Titre de la troisième définition </B>
<DD> <I>Texte de la troisième définition </I>
</DL>
Balise de fin de liste
Voici le résultat :
Titre de la première définition
Texte de la première définition
  1. élément 1 de la liste
  2. élément 2 de la liste
  3. élément 3 de la liste
Titre de la deuxième définition
Texte de la deuxième définition
  • élément 1 de la liste
  • élément 2 de la liste
  • élément 3 de la liste
Titre de la troisième définition
Texte de la troisième définition

Copier-coller ce texte

   On résume :
  • Une instruction spécifique pour débuter une liste et clore une liste.
  • Une instruction par ligne de liste.
  • On peut imbriquer des listes dans d'autres listes.