WIK-ICN

Outils pour utilisateurs

Outils du site

Vous êtes ici: start » html » listes
Piste: • listes

Panneau latéral

ICN

2nde

1ère

HTML

CSS

p5*js / p5.play

p5js.org

Librairies

Pour se former

html:listes

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

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

Exemple de liste ordonnée avec des sous-listes

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

Listes à puces

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

Exemples

Exemple de liste (à puces) simple

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

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

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

html/listes.txt · Dernière modification: 2018/02/02 15:43 par noordo

Outils de la page

Sauf mention contraire, le contenu de ce wiki est placé sous les termes de la licence suivante : CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki