Les listes

I. Listes

1. Introduction

Très tôt, en raison de l'historique du HTML, la notion de liste est apparue, car elle permet de structurer simplement un ensemble de données. Cinq types de listes différents existent : les listes non ordonnées, les listes numérotées, les listes de définition d'une part, qui sont encore utilisées, et les listes de type répertoire et de menu d'autre part, qui sont maintenant tombées en désuétude. Ce cours se limite aux premiers types de listes.

>Retour à la TdM

2. Les types de listes

a. la balise <li>

Cette balise sert à délimiter un élément de liste, et est toujours incluse dans un environnement de liste. Elle ne possède qu'un unique attribut, valable uniquement en HTMLtransitionnel, type.

type peut prendre les valeurs disc (valeur par défaut pour un premier niveau d'imbrication d'une liste à puces), circle ou square.

>Retour à la TdM

b. Listes à puces

C'est le type de liste le plus simple. Elle s'introduit en utilisant la balise <ul>, qui signifie Unordered List. Elle possède le même attribut que la balise <li>, qui s'utilise dans les mêmes conditions, et est également obsolète en HTML 4.01 strict :

Attribut	Effet	Valeur(s)
`type`	Choix du type de puce	disc (défaut) circle square

Table 1. Attribut obsolète de la balise ul.

Exemple d'utilisation :

<ul>

  <li>Premier élément</li>

  <li>Deuxième élément</li>

  <li>Troisième élément</li>

</ul>

>Retour à la TdM

c. Listes numérotées

Ce type de listes est ordonnée. Elle s'introduit en utilisant la balise <ol>, qui signifie Ordered List. Les éléments de la liste sont également déclarés par la balise <li>. La "numérotation" peut se faire de cinq manières différentes, cela étant spécifié par la valeur de l'attribut type. Elle peut débuter à n'importe quelle position (par exemple à 2...), grâce à la valeur de l'attribut obsolète start.

Attribut	Effet	Valeur(s)
`type`	choix du type de numérotation	1 (par défaut) a A i I
`start`	numéro de début de liste	selon le type, un numéro ou une lettre

Table 2. Attributs obsolètes de la balise <ol>

La balise <li> possède alors un autre attribut,value, analogue au rôle de start, qui permet de spécifier le rang de l'item, et donc d'imposer des sauts dans la numérotation.

>Retour à la TdM

d. Liste de définitions

Ce type de liste, peu usité, est une... liste de définitions ! Elle est déclarée par la balise <dl>. Par exemple :

<dl>

  <dt>basilic</dt>

  <dd>Annuelle. Peut dépasser un mètre de hauteur. Le parfum de ses petites fleurs blanches est divin.</dd>

  <dt>origan</dt>

  <dd>Vivace. Propage ses stolons sous terre. Il est difficile de s'en débarrasser une fois bien établi.</dd>

  <dt>coriandre</dt>

  <dd>Annuelle. Préfère une situation ombragée. Son huile est utilisée en parfumerie.</dd>

</dl>