====== 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 ===

<webcode height=100>
  * HTML
<code html>
<ol>
    <li>Ananas</li>
    <li>Orange</li>
    <li>Pamplemousse</li>
</ol>
</code>
</webcode>

=== Exemple de liste ordonnée avec des sous-listes ===

<webcode height=200>
  * HTML
<code html>
<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>        
</code>
</webcode>




===== Listes à puces =====

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

==== Exemples ====

=== Exemple de liste (à puces) simple ===

<webcode height=100>
  * HTML
<code html>
<ul>
    <li>Ananas</li>
    <li>Orange</li>
    <li>Pamplemousse</li>
</ul>
</code>
</webcode>

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

<webcode height=200>
  * HTML
<code html>
<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>        
</code>
</webcode>