Technologies Internet et Education, © TECFA
  7. Les Listes

---

A. Liste à puces

<ul> ... </ul>

<ul>
<lh>Titre de la liste</lh>
<li>Elément 1</li>
<li>Elément 2</li>
</ul>

B. Liste numérotée

<ol> ... </ol>

<ol>
<lh>Titre de la liste</lh>
<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>

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

<ol>

		<li> Achats à faire </li>

		<p>

			<ul>

				<li> 2 litres de lait </li>

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

			</ul>

		<li> Recette </li>

			<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> Dernier élément numéroté </li>

</ol>