LES LISTES
créer des 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

<UL> Balise de début de liste
<LI> Les femmes <BR>
<LI> Les hommes <BR>
<LI> Les enfants <BR>
</UL> Balise de fin de liste
 		Donne comme résultat :
  • Les femmes
  • Les hommes
  • Les enfants

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

<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> Première définition
<DT> Titre de la deuxième définition
<DD> Deuxième définition
<DT> Titre de la troisième définition
<DD> Troisième définition
</DL> Balise de fin de liste
 		Donne comme résultat :
Titre de la première définition
Première définition
Titre de la deuxième définition
Deuxième définition
Titre de la troisième définition
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
 		Donne comme 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



Retour page précédente         Retour menu "Notions de html"