Contenu du cours
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.
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 HTML transitionnel, type.
type peut prendre les valeurs disc (valeur par défaut pour un premier niveau d'imbrication d'une liste à puces), circle ou square.
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) |
|---|---|---|
|
|
Choix du type de puce |
|
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>
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) |
|---|---|---|
|
|
choix du type de numérotation |
|
|
|
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.
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>
Il n'y a pas d'attribut spécial pour cette balise.
3. Listes imbriquées
Les puces et la numérotation varient selon le rang de la liste. Par exemple, pour des listes non ordonnées, on obtient :
-
Premier niveau
-
Deuxième niveau
-
Troisième niveau
-
Quatrième niveau
-
-
-
