« Le langage HTML/Listes » : différence entre les versions
Contenu supprimé Contenu ajouté
→Listes de descriptions : - rajout résultat de l'exemple |
Aucun résumé des modifications |
||
Ligne 1 :
{{Programmation HTML}}
Les listes permettent d'ordonner une énumération. Même si on les rencontre rarement, elles ont cet avantage qu'elles ont été crées spécialement pour faciliter une opération qu'effectue souvent tout créateur de page web et qui consiste à dresser une liste d'éléments.
==
Il existe deux listes dont la structure est similaire : une tenant compte de l'ordre et pas l'autre et une autre structure par groupe de deux éléments.
===Listes non numérotées===
Les listes non numérotées sont introduites par la balise <code>ul</code> et chaque élément de la liste par <code>li</code> :
<pre><nowiki>
Ligne 15 ⟶ 18 :
*etc.
===Listes numérotées===
Les listes numérotées fonctionnent sur le même principe que les listes non numérotées. La seule différence est qu'on utilise la balise <code>ol</code> au lieu de la balise <code>ul</code>. Les éléments restent encadrés par les balises <code>li</code>
Ligne 37 ⟶ 40 :
</ol>
===Listes de descriptions===
Contrairement aux autres types de listes, les listes de description, <code>dl</code>, n'utilisent pas la balise <code>li</code> pour les éléments de la liste, mais les sépare en deux parties : le terme, introduit par <code>dt</code> et sa description introduite par <code>dd</code>. Par exemple :
<pre><nowiki>
Ligne 55 ⟶ 58 :
Pascal
:Un langage pédagogique
==Propriété des listes==
En CSS les listes sont hautement paramétrable, elles ont même des propriétés valables uniquement pour elles. D'une manière générale on peut se pencher sur :
*Les puces (petit élément devant chaque élément de la liste). Ces puces pourront changer pour devenir un caractère prédéfini, personnalisable ou encore une image).
*Le type de numérotation (latin, arabe, grec,...).
| |||