Les listes en HTML — Correction d'exercices

Voici des propositions de solutions en mode console (via readline()). N’hésite pas à les adapter.

#1 — Liste à puces (non ordonnée)

Crée une liste de courses (Pommes, Poires) avec des puces.

Voir le corrigé

<ul>
    <li>Pommes</li>
    <li>Poires</li>
</ul>

Crée un podium (Premier, Second, Troisième) avec des numéros.

Voir le corrigé

<ol>
    <li>Premier</li>
    <li>Second</li>
    <li>Troisième</li>
</ol>

Crée une liste à puces où le premier élément contient lui-même une sous-liste numérotée.

Voir le corrigé

<ul>
    <li>Fruits
        <ol>
            <li>Rouges</li>
            <li>Jaunes</li>
        </ol>
    </li>
    <li>Légumes</li>
</ul>

Utilise dl, dt, dd pour définir le mot 'HTML'.

Voir le corrigé

<dl>
    <dt>HTML</dt>
    <dd>Langage de balisage pour le Web.</dd>
</dl>

Une liste à puces est souvent utilisée pour les menus. Crée un menu 'Accueil', 'Contact' avec des liens.

Voir le corrigé

<ul>
    <li><a href="index.html">Accueil</a></li>
    <li><a href="contact.html">Contact</a></li>
</ul>