H.OUSSAMA

Bienvenue sur mon blog

Cours HTML N°3 : listes d’éléments

Classé dans : Non classé — 20 mai, 2011 @ 21:46

Cours HTML N°3 : listes d’éléments 

 

·         Accès aux autres cours 

o    Cours HTML – 1 : Structure d’un document HTML 

o    Cours HTML – 2 : Le traitement du texte 

o    Cours HTML – 3 : Listes d’éléments 

o    Cours HTML – 4 : Les liens hypertextes 

o    Cours HTML – 5 : Les images 

o    Cours HTML – 6 : Attributs de présentation 

o    Cours HTML – 7 : Les tableaux 

o    Cours HTML – 8 : Les frames 

o    Cours HTML – 9 : Concepts avancés 

  

Infinite Menus, Copyright 2006, OpenCube Inc. All Rights Reserved. 


Le langage HTML permet de définir deux styles de listes : les listes numérotées et les listes non numérotées. 

Les listes numérotées 

Une liste numérotée est délimitée par les balises

    et
entre lesquelles chaque élément de la liste est précédé de la balise
  • Exemple : 


    1. élément 1,
    2. élément 2,
    3. élément 3.
     

    Ce qui donne à l’écran : 

    1. élément 1, 

    2. élément 2, 

    3. élément 3. 

    Les listes à puces 

    Une liste non numérotée est définie de la même façon, sauf qu’elle est encadrée par les balises

      et

    Exemple : 


    • élément 1,
    • élément 2,
    • élément 3.
     

    On obtient cette fois : 

    • élément 1, 

    • élément 2, 

    • élément 3. 

    Notez qu’il est possible d’imbriquer des listes du même type ou de types différents. 

    Exemple : 


    • élément 1 :
          

            
      1. sous-élément A,
            
      2. sous-élément B.
            

    • élément 2,
    • élément 3.
     

    On obtient alors : 

    • élément 1, 

      1. sous-élément A, 

      2. sous-élément B. 

    • élément 2, 

    • élément 3. 

    Liste de tabulations 

    Enfin, il est possible de définir des listes spéciales, permettant de faire des glossaires, en utilisant les balises

    et
    pour encadrer la liste,
    pour spécifier un élément et
    pour indiquer sa définition. 

    Exemple : 


    HTML
    HyperText Markup Language
    HTTP
    HyperText Transfert Protocol
     

    Donne : 

    HTML 

    HyperText Markup Language 

    HTTP 

    HyperText Transfert Protocol 

    Les attributs 

    Type= »type » 

    UL & OL 

    (déprécié en faveur des css) : spécifie l’aspect des marqueurs des éléments 

    Start= »nombre » 

    OL 

    commence la numérotation à la valeur spécifiée. 

    Value= »nombre » 

    LI 

    spécifie le nombre de l’élément. 

    Compact 

    OL & UL 

    rendu plus compact de la liste 

    Le type des listes : 

       

    Puces rondes pleine 

       

    Puces rondes creuses 

       

    Puces carrées 

       

    (1,2,3) 

       

    (a,b,c) 

       

    (A,B,C) 

       

    (i,ii,iii) 

       

    (I,II,III) 

     

  • Pas de commentaire »

    Pas encore de commentaire.

    Flux RSS des commentaires de cet article.

    Laisser un commentaire

     

    Marketing & Management |
    Z.I.N.C |
    Blog à part |
    Unblog.fr | Annuaire | Signaler un abus | Mondialisation
    | ALIMENTATION TOUCOULEUR
    | Akywa, blagues à 2 balles, ...