HTML, les listes

Dans cette leçon, nous verrons comment, à travers des balisesspéciales, il soit possible de réaliser des listes de texte numérotées ou à puces.

Dans cette leçon, nous verrons comment, à traversbalises spéciales, il est possible de réaliserdes listes de texte numérotées ou à puces.
Voyons maintenant, dans un bref exemple, la différence entre une liste à puces et une liste numérotée :

Liste à puces:
• Premier texte
• Deuxième texte
• Troisième texte

Liste numérotée:
1. Premier texte
2. Deuxième texte
3. Troisième texte
Après cette prémisse, voyons comment réaliser nos listes.
Les listes sont divisées enListes ordonnées et Listes non ordonnées.
Les listes ordonnées sont caractérisées par une liste numérotée, nous pouvons donc dire que leslistes numérotéessont deslistes ordonnées.
Au contraire, leslistes à pucessont définieslistes non ordonnées.

Listes ordonnées (Numérotées):
pour réaliser ce type de listes, la baliseol  (Order list) est utilisée, ce qui indique au navigateur qu’il s’agit d’une liste ordonnée, en plus de la baliseli (List item), qui représente le paragraphe de la liste.

Voici donc la syntaxe d’une liste ordonnée :

Listes non ordonnées (Listes à puces) :
contrairement à la précédente, cette liste n’est pas caractérisée par une numérotation définie et ordonnée, mais seulement par un point de référence.
Dans ce cas, au lieu de ‘ol’, ‘ul’ (Unordered lists) est utilisé, toujours associé à la balise ‘li’ car il s’agit également d’une liste.

Voici également la syntaxe pour créer cette liste :

Notez le point de liste.
Si nous voulons remplacer le point classique pour définir la liste par un petit cercle, nous utiliserons l’attribut ‘type’ associé à la typologie du point, qui dans notre cas devient un cercle défini par ‘circle’.
Voici donc notre liste à puces utilisant un cercle :

Si ensuite nous voulons un carré comme ponctuation, nous utilisons la définition ‘square’ :

Les listes vous seront très utiles pour définir des listes et des menus de navigation.

Pubblicato in HTML & CSS