Cours HTML » Listes

Il existe 3 types de listes: <ol> pour définir un ordre dans une liste, <ul> pour une liste sans ordre et <dl> pour une liste de définition...


Liste avec ordre <ol>

On utilise la balise <ol> pour commencer la liste, puis <li> pour lister les éléments.

Erreur à éviter lors de la création de votre site:<br />
<ol>
<li>Aucune mise en valeur de vos services ou produits</li>
<li>De grandes images inutiles</li>
<li>Tout ce qui clignote, tourne, défile, compte, etc...</li>
</ol>

Ce qui vous donnera le résultat suivant:

Erreur à éviter lors de la création de votre site:
  1. Aucune mise en valeur de vos services ou produits
  2. De grandes images inutiles
  3. Tout ce qui clignote, tourne, défile, compte, etc....

Il est possible de démarrer votre liste par un autre chiffre que 1:

Erreur à éviter lors de la création de votre site:<br />
<ol start="9">
<li>Des liens vers l'extérieur sur la page de garde</li>
<li>Les erreurs de grammaire et de typographie</li>
<li>Les panneaux "En Construction"</li>
</ol>

Ce qui vous donnera le résultat suivant:

Erreur à éviter lors de la création de votre site:
  1. Des liens vers l'extérieur sur la page de garde
  2. Les erreurs de grammaire et de typographie
  3. Les panneaux "En Construction"

Voici les différents types d'affichages:
<ol> 1., 2., 3., etc...
<ol type="a"> a., b., c., etc...
<ol type="A"> A., B., C., etc...
<ol type="i"> i., ii., iii., etc...
<ol type="I"> I., II., III., etc...

Liste sans ordre <ul>

On utilise la balise <ul> pour commencer la liste, puis <li> pour lister les éléments.

Erreur à éviter lors de la création de votre site:<br />
<ul>
<li>Les liens brisés</li>
<li>Des images manquantes</li>
<li>La page de contact incomplète</li>
</ul>

Ce qui vous donnera le résultat suivant:

Erreur à éviter lors de la création de votre site:
  • Les liens bris√©s
  • Des images manquantes
  • La page de contact incompl√®te

Voici les différents types d'affichages:

<ul type="square">
  • Exemple
<ul type="disc">
  • Exemple
<ul type="circle">
  • Exemple

Liste de définition <dl>

Utile pour les listes de définition:
<dl> pour commencer la liste
<dt> pour le terme à définir
<dd> pour la définition

Lexique référencement:<br />
<dl>
<dt>PageRank</dt>
<dd>Le PageRank (ou PR) est une représentation générale de la popularité d'un site</dd>
<dt>Backlinks</dt>
<dd>Les backlinks correspondent aux liens qui pointent vers un site</dd>
</dl>

Ce qui vous donnera le résultat suivant:

Lexique référencement:
PageRank
Le PageRank (ou PR) est une représentation générale de la popularité d'un site
Backlinks
Les backlinks correspondent aux liens qui pointent vers un site
W3C XHTML 1.0
W3C CSS 2.1
YATOOWEB © 2005 - 2018


Contact | Logos & liens | Partenaires | Labo | Plan du site