Listing Les données en HTML - les nuls

Les sites Web utilisent des listes depuis des décennies pour transmettre des informations liées ou hiérarchiques. Dans la figure suivante, vous pouvez voir une ancienne version de Yahoo. com qui utilise des listes à puces pour afficher diverses catégories et Allrecipes d'aujourd'hui. com page de recette, qui utilise des listes pour afficher divers ingrédients.

Les listes commencent par un symbole, une indentation, puis l'élément de liste. Le symbole utilisé peut être un nombre, une lettre, une puce ou aucun symbole.

Création de listes ordonnées et non ordonnées

Les deux types de listes les plus populaires sont:

• Ordonnées: Les listes ordonnées sont des listes numériques ou alphabétiques dans lesquelles la séquence d'éléments de liste est importante.

• Non ordonné: Ces listes sont généralement des listes à puces dans lesquelles la séquence d'éléments de liste n'a aucune importance.

Vous créez des listes en spécifiant le type de liste ordonnée ou non ordonnée, puis en ajoutant chaque élément de liste à l'aide de la balise li, comme indiqué dans les étapes suivantes:

1. Spécifiez le type de liste.

   Ajoutez des balises de liste d'ouverture et de fermeture qui spécifient une liste ordonnée (ol) ou non ordonnée (ul), comme suit:

   • ol pour spécifier le début et la fin d'une liste ordonnée.

   • ul pour spécifier le début et la fin d'une liste non ordonnée.

2. Ajoutez une balise d'ouverture et de fermeture (c'est-à-dire

3. et
) pour chaque élément de la liste.

Par exemple, voici une liste ordonnée:

élément de liste # 1
élément de liste # 2
élément de liste # 3

listes d'imbrication

En outre, vous pouvez imbriquez des listes dans des listes. Une liste de n'importe quel type peut être imbriquée dans une autre liste; Pour imbriquer une liste, remplacez la balise d'élément de liste

par une balise de type de liste,

ou
.

L'exemple de code suivant présente différents types de listes, y compris une liste imbriquée.



La page produite par le code est affichée ici:



La balise

montrée dans cet exemple de code n'est pas nécessaire pour créer une liste. Il est utilisé ici uniquement pour nommer chaque liste.

Chaque liste d'ouverture ou étiquette d'élément de liste doit être suivie d'une liste de clôture ou d'une étiquette d'élément de liste.