Les bases de la liste

En HTML, il existe trois types de listes :

La liste simple .

Elle apparaît sous la forme d'une puce suivie de l'item lui-même (le texte).

Exemple de code HTML:

<ul>
<li>item 1</li>
<li>item 2</li>
</ul>

Résultat:

• item 1
• item 2

La liste numérotée

Elle est identique à la liste simple excepté qu'elle ne possède pas de puce mais une numérotation.

Exemple de code HTML:

<ol>
<li>item 1</li>
<li>item 2</li>
</ol>

Résultat:

1. item 1
2. item 2

La liste de définition (comme celle-ci)

Elle se compose de deux éléments : le terme à définir et la définition du terme

Exemple de code HTML:

<dl>
<dt>item 1</dt>
<dd>D&eacute;finition 1</dd>
<dt>item 2</dt>
<dd>D&eacute;finition 2</dd>
</dl>

Résultat:

item 1

Définition 1

item 2

Définition 2

On peut bien entendu changer l'apparence de ces listes par le CSS. Ainsi on changera l'aspect des puces d'une liste simple par les propriétés list-style-type ou list-style-image, on modifiera le type de numérotation des liste numérotées par list-style-type.

Mais les listes permettent bien d'autres choses. C'est ce que nous verrons prochainement...