Technologies Internet et Education, © TECFA
  7. Les Listes

---

A. Liste à puces ( u nordered l ists)

<ul> ... </ul>

<ul>
<li>Elément 1</li>
<li>Elément 2</li>
</ul>

B. Liste numérotée (ordered lists)

<ol> ... </ol>

<ol>
<li>Elément 1</li> <li>Elément 2</li>
</ol>

C. Liste de définitions

Le marqueur "dl"

délimite une zone de liste de définition qui contient des termes "dt" et des descriptions "dd"

<dl> ... </dl>

Le marqueur "dt"

introduit un nouveau terme de définition.

<dt> ... </dt>

Le marqueur "dd"

introduit une description du terme de définition. Le résultat à l'écran est un décalage du texte vers la droite.

<dd> ... </dd>

Exemple 7-1: Une liste de définitions

<dl>

<th>Titre de la liste

<dt>Terme 1</dt>

<dd>Définition du terme 1</dd>

<dt>Terme 2</dt>

<dd>Définition du terme 2</dd>

....

</dl>

D. Combinaison de différents type de listes

Les listes peuvent être emboîtées les unes dans les autres, il suffit pour cela de définir un élément d'une liste comme étant une autre liste.

Exemple 7-2: Exemple d'emboîtement de listes

<ol>

		<li> Achats à faire:

			<ul>

				<li> 2 litres de lait </li>

				<li> 1 kg de pain mi-blanc </li>

			</ul>            </li>

		<li> Recette: 

			<dl>

				<dt>Pain</dt>

				<dd>Il faut de la farine et de l'eau, de la levure.</dd>

				<dt>Lait</dt>

				<dd>Si vous êtes en ville, aucune chance ... Il faut trouver

				une vache </dd>

			</dl>		</li>

		<li> Dernier élément numéroté </li>

</ol>