21 Nov2015
Créer des listes numérotés et des listes à puce
Objectif:
Créer des listes numérotés et des listes à puce en utilisant les balises html <ol> <ul> et <li>.
Question:
Créer un document html contenant des listes numérotées et des listes à puce comme illustré ci dessous.
Listes HTML
Indication
- utiliser l'attribut "type" pour définir le type de numérotation ou de puces à utiliser .
<!doctype html> <html> <head> <meta charset="utf-8"/> </head> <body> <ol type="I">
<li><h3>HTML</h3> <ol type="1"> <li>Historique</li> <li>Structure </li> <li>Validation</li> <li>Nouveautés HTML5</li> </ol> </li> <li><h3>CSS</h3> <ul> <li>Introduction</li> <li>Les proprietés css</li> <li>Nouveautés CSS3</li> </ul> </li> </ol> </body> </html>
Remarque :
L’attribut type peut prendre plusieurs valeurs :
Pour les listes numérotées <ol>
- "i" pour numéroter en chiffres romains minuscules i,ii,iii...
- "I" pour les chiffres romains majuscules I,II,III...
- "a" pour numéroter avec a,b,c...
- "A" pour numéroter avec A,B,C...
Pour les listes énumératives <ul>
- "cirle" pour utiliser une puce ronde .
- "disc" pour utiliser une puce carrée .
- "square" pour utiliser une puce circulaire pleine.
