UP PREVIOUS NEXT   Technologies Internet et Education, © TECFA
  7. Les Listes

7. Les Listes

Exercice:

Pour voir des exemples des différents types de listes, reportez-vous à:

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>

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 </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>

 


UP PREVIOUS NEXT -- TIE