XHTML > Les listes

Définitions

Les listes sont souvent utilisées et pour de multiples fonctions : listing d'informations diverses, création de menus, ...

Il existe quatres types de liste :

• Les listes non ordonnées,
• Les listes ordonnées : ajoute une numérotation (ex: énumérer les étapes d'un processus),
• Les listes de définition : lister des mots et leurs définitions associées,
• Les listes de sélection : utilisées pour permettre de sélectionner un élément dans une liste (voir chapitre sur les formulaires).

Les listes non ordonnées : <ul> et <li>

<p>Liste de personnes non-ordonnée :</p>
<ul>
  <li>Jean Martin</li>
  <li>Ronan Michel</li>
  <li>Sylvie Lenoir</li>
</ul>

Les listes ordonnées : <ol> et <li>

<p>Liste de personnes ordonnée :</p>
<ol>
  <li>Jean Martin</li>
  <li>Ronan Michel</li>
  <li>Sylvie Lenoir</li>
</ol>

Les listes de définition : <dl>, <dt> et <dd>

<p>Liste de termes et de leurs définitions :</p>
<dl>
  <dt>XHTML</dt>
  <dd>eXtensible HyperText Markup Language</dd>
  <dd>Langage à balise pour le Web</dd>
  <dt>CSS</dt>
  <dd>Cascading Style Sheets</dd>
</dl>

Les listes de sélection : <select>, <option> et <optgroup>

<select>
  <optgroup label="hommes">
    <option>Jean</option>
    <option>Michel</option>
  </optgroup>
  <optgroup label="femmes">
    <option>Sylvie</option>
    <option>Lucile</option>
  </optgroup>
</select>

Place à la pratique :

Exercices :

Coder l'exemple suivant :