Objectifs

• ِConnaitre les listes non-ordonnées en HTML.

Les listes non ordonne

• Comme leur nom l’indique, les listes non-ordonnées n’ont pas de notion d’ordre et on peut mélanger leurs éléments sans que cela modifie leur sens.
• Les listes non ordonnées (Unordered List) fournissent un outil de structuration similaire au liste ordonnée mais sans la notion de numérotation.
• Elles sont également appelée liste à puce car chaque item est précédé d’une puce graphique qui, par défaut est un disque plein de la même couleur que le texte qui la suit.
• Une liste à puces est introduite par l’élément <ul> et fermée par </ul>. Comme l’élément <ol>, son seul contenu direct est un ou plusieurs éléments <li>.
• La structure d’une liste à puces est donc la suivante:

<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>1tem 3 </li>
</ul>

Exemple:
XHTML

<ul> <li>Premier item de premier niveau</li> <li> Deuxième item de premier niveau <ul> <li>Premier item de deuxième niveau</li> <li>Deuxième item de deuxième niveau</li> </ul> </li> <li>Troisième item de premier niveau</li> </ul>

1 2 3 4 5 6 7 8 9 10 11

<ul>    <li>Premier item de premier niveau</li>    <li>       Deuxième item de premier niveau       <ul>          <li>Premier item de deuxième niveau</li>          <li>Deuxième item de deuxième niveau</li>       </ul>    </li>    <li>Troisième item de premier niveau</li> </ul>