Listes HTML – PHPGurukul

By Posted on


Une page Web est triée et indexée comme l’un des meilleurs moyens de présenter des informations. Deux types de listes peuvent être créés via HTML.

  • Liste ordonnée
  • Liste non ordonnée

Listes non ordonnées

< ul type = “disc/circle/square”>

  • …….
    • 

  • …….
    • 

  • …….
    • 

  • …….
    •

    type = “disc” définit un disque solide. type = « cercle » définit un cercle vide. type = « square » définit un carré plein.

    Exemple 1

    

      

    • UP
      • 

    • Punjab
      • 

    • Haryana
      • 

    • MP
      •

    Production

    Exemple 2

    

      

    • UP
      • 

    • Punjab
      • 

    • Haryana
      • 

    • MP
      •

    Production

    O UP

    Ô Pendjab

    O Haryana

    O MP

    Listes ordonnées

      

    1. ………
      2. 

    2. ………
      3. 

    3. ………
      4. 

    4. ………
      5.

    type = « 1 » définit un numéro de séquence. type = « A » définit la lettre majuscule de la séquence A, B, C .. type = « a » définit la lettre minuscule de la séquence a, b, c…

    Exemple

    

      

    1. UP
      2. 

    2. Punjab
      3. 

    3. Haryana
      4. 

    4. MP
      5.

    Production

    1. UP
    2. Punjab
    3. Haryana
    4. MP

    Exemple

    

      

    1. UP
      2. 

    2. Punjab
      3. 

    3. Haryana
      4. 

    4. MP
      5.

    Production

    A.UP

    B.Punjab

    C.Haryana

    D.MP

    Exemple

    

      

    1. UP
      2. 

    2. Punjab
      3. 

    3. Haryana
      4. 

    4. MP
      5.

    Production

    a.UP

    b.Punjab

    c.Haryana

    d.MP

    Listes de définitions

    

    ……..
      
    …….
    

    ……..
      
    …….
    

    ……..
      
    …….

    inclut tous les éléments de la liste de définitions

    inclut tous la première couche d’éléments de liste.

    inclut tous les éléments de la deuxième couche de liste

    Exemple

    

    

    AAAA
      
    These are A letters
    

    BBBB
      
     These are B letters 
    

    CCCC
      
     These are C letters

    Production

    AAAA

    Ce sont des lettres A

    BBBB

    Ce sont des lettres B

    CCCC

    Ce sont des lettres C

    Explication

    contient tous les éléments des listes de définitions.

    AAAA

    contient la première couche d’éléments de liste «AAAA».

    Ce sont des lettres A

    contient la deuxième couche d’éléments de liste «Ce sont des lettres A».

    Style de listes non ordonnées

    Les listes non ordonnées peuvent définir le style CSS par son identifiant, sa classe ou son nom de balise.

    .class{attribute:value}

    Exemple