Pour créer des listes nous utilisons la balise <li>. Cette balise sera toujours encadrer dans d'autre balises qui servent à définir si il s'agit d'une liste ordonné ou une liste non-ordonné, mais il existe aussi un troisième type de liste dit "liste de définitions", mais qui n'utilise pas la balise <li>.

Les liste ordonné
Une liste ordonné est appelé par la balise <ol> :

<ol>
<li>Texte 1</li>
<li>Texte 2</li>
</ol>

Ce type de liste peut être utilisé avec différents attributs dont voici une liste :

1) type="valeur" change l'apparence de la puce =
- a : en alphanumérique (a, b, c, d, ...)
- A : même chose mais en majuscules. (A, B, C, ...)
- 1 : nombres (1., 2., 3., 4., ...)
- i : chiffre romain minuscule (i, ii, iii, iv, ...)
- I : chiffre romain majuscule (I, II, III, IV, ...)

2) start ="valeur" nous permet de donner une valeur de départ. ex:

<ol start="4">
<li>texte</li>
...
</ol>

La liste commencera par 4., puis 5., etc...

Liste non-ordonné
Ce sont des listes non numéroté, à la place une puce ronde est affiché. Ce genre de liste est créer à l'aide de la balise <ul> :

<ul>
<li>Texte 1</li>
<li>Texte 2</li>
</ul>

L'attribtus "type" peut également être utilisé avec ce type de liste. Voici les valeurs qui peuvent être utilisé :
- circle : pour des puces rondes.
- square : des puces carrées.
- disc : puces rondes pleine.

Liste de définitions
Nous permet de créer une liste de définitions. Les balises utilisé pour créer ce genre de liste sont :

<dl> : première balise qui marque le début de la liste.
<dt> : expression à définir.
<dd> : définition de l'expression.
</dl> : ferme la liste de définition.

Ex:

<dl>
<dt>Mot 1</dt>
<dd>Définition de Mot 1</dd>
<dt>Mot 2</dt>
<dd>Définition de Mot 2</dd>
</dl>

Voila pour les listes.

Les listes

Partager cet article