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