Table des matières

HTML : listes ordonnées ou à puces

Listes ordonnées

Pour des listes ordonnées on utilise les balises ol et li.

Exemples

Exemple de liste ordonnée simple

<ol>
    <li>Ananas</li>
    <li>Orange</li>
    <li>Pamplemousse</li>
</ol>

Exemple de liste ordonnée avec des sous-listes

<ol>
    <li>Claude Monet
        <ol type="a">
            <li>Plage à Honfleur</li>
            <li>Gare Saint-Lazare</li>
            <li>Le déjeuner sur l'herbe</li>
            <li>...</li>
        </ol>
    </li>
    <li>Pierre-Auguste Renoir
        <ol type="a">
            <li>Le jardin des Collettes</li>
            <li>Enfants à Guernsey</li>
            <li>Les fiancés</li>
            <li>...</li>
        </ol>
    </li>
</ol>        

Listes à puces

Pour des listes à puces, on utilise les balises ul et li.

Exemples

Exemple de liste (à puces) simple

<ul>
    <li>Ananas</li>
    <li>Orange</li>
    <li>Pamplemousse</li>
</ul>

Exemple de liste (à puces) avec des sous-listes

<ul>
    <li>Claude Monet
        <ul>
            <li>Plage à Honfleur</li>
            <li>Gare Saint-Lazare</li>
            <li>Le déjeuner sur l'herbe</li>
            <li>...</li>
        </ul>
    </li>
    <li>Pierre-Auguste Renoir
        <ul>
            <li>Le jardin des Collettes</li>
            <li>Enfants à Guernsey</li>
            <li>Les fiancés</li>
            <li>...</li>
        </ul>
    </li>
</ul>