« Le langage HTML/Listes » : différence entre les versions

Les listes permettent d'ordonner une énumération. Même si on les rencontre rarement, elles ont cet avantage qu'elles ont été crées spécialement pour faciliter une opération qu'effectue souvent tout créateur de page web et qui consiste à dresser une liste d'éléments.

 

Il existe deux listes dont la structure est similaire : une tenant compte de l'ordre et pas l'autre et une autre structure par groupe de deux éléments.

Les listes non numérotées sont introduites par la balise <code>ul</code> et chaque élément de la liste par <code>li</code> :

<pre><nowiki>

*etc.

 

Les listes numérotées fonctionnent sur le même principe que les listes non numérotées. La seule différence est qu'on utilise la balise <code>ol</code> au lieu de la balise <code>ul</code>. Les éléments restent encadrés par les balises <code>li</code>

 

</ol>

 

Contrairement aux autres types de listes, les listes de description, <code>dl</code>, n'utilisent pas la balise <code>li</code> pour les éléments de la liste, mais les sépare en deux parties : le terme, introduit par <code>dt</code> et sa description introduite par <code>dd</code>. Par exemple :

<pre><nowiki>

:Un langage pédagogique

 

En CSS les listes sont hautement paramétrable, elles ont même des propriétés valables uniquement pour elles. D'une manière générale on peut se pencher sur :

*Les puces (petit élément devant chaque élément de la liste). Ces puces pourront changer pour devenir un caractère prédéfini, personnalisable ou encore une image).