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>
