Bannière
Bannière
Menu
 
Mardi 15 avril 2025
Visiteurs : 13903
 
 
 

Valid XHTML 1.0 TransitionalValid CSS!

[Valid RSS]

 

 Le HTML
Génie du Web

Les listes

Les listes sont des conteneurs structurés contenant une suite d'articles. Il est existe trois types :

  • La liste ordonée
  • La liste non ordonnée
  • La liste de définition

Tout d'abord la liste ordonnée. On la reconnaît grâce au numéro qui est placé devant chaque élément de la liste. On l'introduit à l'aide de <ol>. Chaque élément de la liste est introduit par <li>.

Attributs de ol
Attribut Fonction
compact Resserre l'interligne
continue Repart du numéro où s'est arrêtée la liste ordonnée précédente
start Définit le premier numéro
type 1 (chiffre), A (capitale), a (minimale), I (chiffre romain capital), i (chiffre romain minimal)

<ol start="5">
  <li type="1">Premier élément</li>
  <li type="A">Deuxième élément</li>
  <li type="I">Troisième élément</li>
</ol>

  1. Premier élément
  2. Deuxième élément
  3. Troisième élément

Ensuite la liste non ordonnée reconnaissable grâce à la puce placée devant chaque élément. Elle est introduite par <ul> et chaque élément est introduit par <li>.

Attributs de ul
Attribut Fonction
compact Resserre l'interligne
plain Supprime les puces
type circle (cercle), square (carré), disc (disque)

<ul>
  <li type="circle">Premier élément</li>
  <li type="square">Deuxième élément</li>
  <li type="disc">Troisième élément</li>
</ul>

  • Premier élément
  • Deuxième élément
  • Troisième élément

Enfin il existe la liste de définitions qui ne fonctionne pas comme les deux puisqu'il n'y a ni numéro ni puce seulement un décalage entre le terme et sa définition. Elle s'introduit par <dl>. Chaque élément est introduit pas <dt> et chaque définition de cet élément est introduit par <dd>.

<dl>
  <dt>HTML</dt>
    <dd>HyperText Markup Language</dd>
    <dd>Langage de balise</dd>
    <dd>Standard incontesté (ou presque) du web</dd>
<dl>

HTML
HyperText Markup Language
Langage de balises
Standard incontesté (ou presque) du web
HAUT | © Jérémy Laurent, 2006