Contenu | Menu | Rechercher :
Le réseau des étudiants | Contact
Vous êtes ici : Le réseau social des étudiants ==> Les listes numérotées et listes non ordonnées en xhtml

Les listes numérotées et listes non ordonnées en xhtml

On a inséré les en-têtes et les paragraphes, des citations. Qu'est-ce qui reste encore Ahh ouais les listes, comment j'ai pu oublier une chose aussi importante

Introduction aux listes html/xhtml

Utilisez les deux balises <ul> et </ul> pour marquer le début et la fin d'une liste non ordonnée, <ul> veut dire "unordoned list" en anglais bien sûr listes et chaque élément dans cette liste doit être délimité par <li></li>, li veut dire list item. Pour créer une liste numérotée (ordonnée), les balises appropriées sont <ol></ol> ( ordonned list).

Exemple de listes <ul> et <ol>

Code

    <h3>Les quatre points cardinaux :</h3>
<ul>
<li>le sud ;</li>
<li>le nord ;</li>
<li>l'est ;</li>
<li>l'ouest.</li>
</ul>
<h3>Un jour comporte :</h3>
<ol>
<li>le matin ;</li>
<li>le midi ;</li>
<li>l'après-midi ;</li>
<li>le soir ;</li>
<li>la nuit ;</li>
<li>le minuit ;</li>
</ol>

Aperçu

Les quatre points cardinaux

Un jour comporte

  1. le matin ;
  2. le midi ;
  3. l'après-midi ;
  4. le soir ;
  5. la nuit ;
  6. le minuit.

Explications pour les listes numérotées (ordonnées) et listes non ordonnées

Extrait du DTD strict des balises <ul>, <ol> et <li>

<!-- Unordered list -->
<!ELEMENT ul (li)+>
<!ATTLIST ul
 %attrs;
 >
<!-- Ordered (numbered) list -->

<!ELEMENT ol (li)+>
<!ATTLIST ol
 %attrs;
 >

<!ELEMENT li %Flow;>
<!ATTLIST li
 %attrs;
 >

Exemple d'imbrication des listes <ul> et <ol>

Code

<ul> 
   <li>Les balises de type bloc.
   </li> 
   <li>Les balises de type en-ligne : elles se subdivisent elles aussi en deux autres catégories :   
        <ul>    
            <li>Elément en-ligne remplacé.</li>   
            <li>Elément en-ligne non remplacé.</li>    
        </ul> 
   </li>
</ul> 
    

Aperçu

Explications pour les listes numérotées (ordonnées) et listes non ordonnées

Voilà, un nouveau chapitre passé avec succès Vous savez dorénavant comment utiliser les listes à bon escient. Mais reste encore une autre famille de listes, d'un usage moins fréquent : les listes de définition en XHTML : dl, dt et dd.

Cacher ce panneau   Accéder à la version étendue du chat

Cacher ce panneau