Derniers tutoriels de développement web
 

HTML <ol> Tag


Exemple

2 différentes listes ordonnées:

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
Essayez - le vous - même »

Définition et utilisation

Le <ol> balise définit une liste ordonnée. Une liste ordonnée peut être numérique ou alphabétique.

Utilisez le <li> tag pour définir les éléments de liste.


support du navigateur

Élément
<ol> Oui Oui Oui Oui Oui

Trucs et astuces

Astuce: Pour obtenir une liste à puces, utilisez le <ul> tag.

Astuce: Utilisez CSS pour styler listes.


Différences entre HTML 4.01 et HTML5

Les attributs et les "start" "type" ont été dépréciés en HTML 4.01, mais sont pris en charge en HTML5.

Le "reversed" attribut est nouvelle en HTML5.

Le "compact" attribut est pas pris en charge HTML5.


Les attributs

= Nouveau en HTML5.

Attribut Valeur La description
compact compact Non pris en charge en HTML5.
Indique que la liste devrait rendre plus petit que la normale
reversed reversed Indique que l'ordre de la liste devrait être descendant (9,8,7...)
start number Indique la valeur de départ d'une liste ordonnée
type 1
A
a
I
i
Indique le type de marqueur à utiliser dans la liste

Attributs globaux

Le <ol> tag soutient également le attributs globaux en HTML .


Attributs de l'événement

Le <ol> tag soutient également l' événement Attributs en HTML .


Pages associées

HTML tutoriel: Listes HTML

Référence HTML DOM: Ol Object

Tutoriel CSS: Listes coiffants


Paramètres par défaut de CSS

La plupart des navigateurs affichent le <ol> élément avec les valeurs par défaut suivantes:

Exemple

ol {
    display: block;
    list-style-type: decimal;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}
Essayez - le vous - même »