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
- élément 1 de la liste
- élément 2 de la liste
- é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
- élément 1 de la liste
- élément 2 de la liste
- é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
|
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.
|
|