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>.

Les listes sont utilisées en HTML pour ordonner de l'information hiérarchiquement.



Listes non ordonnées <UL>


On parle de listes non-ordonées lorsque les chiffres pour numéroter les sections et sous-sections ne sont pas utilisés.


<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 :






<UL>
<LI>Premier point
<LI>Deuxième point
<UL>
<LI>Premier point secondaire
<LI>Deuxième point secondaire
<UL>
<LI>Premier point tertiaire
<LI>Deuxième point tertiaire
</UL>
</UL>
</UL>

donne :





On peut changer le choix des puces en complétant la commande <UL>, ainsi :


<UL>
<LI>Premier point
<LI>Deuxième point
<UL type=disc>
<LI>Premier point secondaire
<LI>Deuxième point secondaire
<UL type=disc>
<LI>Premier point tertiaire
<LI>Deuxième point tertiaire
</UL>
</UL>
</UL>

donne :




<UL type=circle>

donne :



<UL type=square>

donne :




Listes non 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

    







<OL>
<LI>Premier point
<LI>Deuxième point
<OL>
<LI>Premier point secondaire
<LI>Deuxième point secondaire
<OL>
<LI>Premier point tertiaire
<LI>Deuxième point tertiaire
</OL>
</OL>
</OL>

donne :

    

  1. Premier point

  2. Deuxième point

      

    1. Premier point secondaire

    2. Deuxième point secondaire

        

      1. Premier point tertiaire

      2. Deuxième point tertiaire

      

    






On peut changer le choix de la numérotation en complétant la commande <OL>, ainsi :


<OL type=A>
<LI>Premier point
<LI>Deuxième point
<OL type=A>
<LI>Premier point secondaire
<LI>Deuxième point secondaire
<OL type=A>
<LI>Premier point tertiaire
<LI>Deuxième point tertiaire
</OL>
</OL>
</OL>

donne :

    

  1. Premier point

  2. Deuxième point

      

    1. Premier point secondaire

    2. Deuxième point secondaire

        

      1. Premier point tertiaire

      2. Deuxième point tertiaire

      

    





<OL type=I>

donne :

    

  1. Premier point

  2. Deuxième point

      

    1. Premier point secondaire

    2. Deuxième point secondaire

        

      1. Premier point tertiaire

      2. Deuxième point tertiaire

      

    




<OL type=i>

donne :

    

  1. Premier point

  2. Deuxième point

      

    1. Premier point secondaire

    2. Deuxième point secondaire

        

      1. Premier point tertiaire

      2. Deuxième point tertiaire

      

    





Définitions


Une définition est une annotation HTML permettant d'inscrire d'abord un terme auquel sera ajouté en dessous et en retrait ( alinéa ) sa définition.

<DL> indique la zone de définition.
<DT> indique le premier terme à définir.
<DD> donne la définition du premier terme.
</DL> indique la fin de la zone de définition.

Exemples :


<DL>
<DT> Octet
<DD> Mot de huit bits
</DL>

donne:



Octet

Mot de huit bits








<DL>
<DT> KiloOctet
<DD> 1024 octets
<DD> 8192 bits
</DL>

donne:



KiloOctet

1024 octets

8192 bits



Passer au cours suivant
Retour SOMMAIRE