HTML4 : Les listes

Le HTML offre la possibilité d'afficher des listes d'informations.

Il existe deux types de listes :

Les listes non ordonnées
Les listes ordonnées

Notez que pour présenter ces deux types de liste, j'ai utilisé une liste non ordonnée avec les balises <ul> et <li>.

Vous trouverez ci-dessous chaque type de liste avec le code et un exemple.

Liste non ordonnée (puces)

<ul>
    <li>Samsung</li>
    <li>HTC</li>
</ul>

Exemple(s)

Samsung
HTC

Type de puces

<ul type="disc|circle|square"></ul>

Exemple(s)

Pomme
Poire

iOs
Android

xml
html

<ul type="disc">
    <li>
        Pomme</li>
    <li>
        Poire</li>
</ul>
<ul type="circle">
    <li>
        iOs</li>
    <li>
        Android</li>
</ul>
<ul type="square">
    <li>
        xml</li>
    <li>
        html</li>
</ul>

Liste ordonnée (numérotation)

<ol>
     <li>Free</li>
     <li>Orange</li>
</ol>

Exemple(s)

Free
Orange

Type de numérotation

<ol type="A|a|1|I|i"></ol>

Exemple(s)

Playstation
Xbox

Nintendo
Sony

Voiture
Camion

Css
Javascript

Word
Excel

<ol type="A">
    <li>
        Playstation</li>
    <li>
        Xbox</li>
</ol>
<ol type="a">
    <li>
        Nintendo</li>
    <li>
        Sony</li>
</ol>
<ol type="1">
    <li>
        Voiture</li>
    <li>
        Camion</li>
</ol>
<ol type="I">
    <li>
        Css</li>
    <li>
        Javascript</li>
</ol>
<ol type="i">
    <li>
        Word</li>
    <li>
        Excel</li>
</ol>

Numéro de départ

<ol start="nombre">

Exemple(s)

Wii
Wii U

Atari
Sega

Vélo
Moto

Html
xHtml

NotePad++
Eclipse

<ol start="26" type="A">
    <li>
        Wii</li>
    <li>
        Wii U</li>
</ol>
<ol start="26" type="a">
    <li>
        Atari</li>
    <li>
        Sega</li>
</ol>
<ol start="26" type="1">
    <li>
        V&eacute;lo</li>
    <li>
        Moto</li>
</ol>
<ol start="26" type="I">
    <li>
        Html</li>
    <li>
        xHtml</li>
</ol>
<ol start="26" type="i">
    <li>
        NotePad++</li>
    <li>
        Eclipse</li>
</ol>

Articles susceptibles de vous intéresser