Listes HTML
Pouvons-nous faire cela? HTML propose-t-il un phénomène particulier pour regrouper les éléments multiples? Oui! HTML fournit différents types de liste tels que la liste ordonnée, les listes non ordonnées, etc. Ces listes sont utilisées pour regrouper les multiples éléments dans une liste.
Cet article fournira un aperçu complet des listes HTML avec des exemples. De plus, cet article nous guidera comment créer une liste de commandes, une liste non ordonnée, une liste descriptive et une liste imbriquée. Le travail de chaque liste sera expliqué à l'aide d'exemples.
HTML propose différents types de listes HTML comme décrit ci-dessous:
- Liste commandée
- Liste non ordonnée
- Liste des description
- Listes imbriquées
Liste commandée HTML
Il est également connu comme une liste numérotée. Il organise les données dans un ordre spécifique. Dans la liste ordonnée, tout se fera entre la balise de départ
et étiquette de fin . Tandis que dans la liste ordonnée, les éléments seront écrits dans le étiqueter.
Une liste ordonnée peut afficher les données dans différents formats comme alphabétique, numérique, romain, etc. Par défaut, la liste affiche les «éléments de liste» sous forme numérique, mais il peut être modifié à l'aide de son attribut «Type».
Exemple 1
Prenons l'exemple suivant qui détermine le fonctionnement de la liste ordonnée:
Liste des cadres de développement Web
- Django
- Laravel
- ASPIC.Filet
- Ballon
- Expressjs
Le code ci-dessus donnera à la sortie quelque chose comme ceci:
À partir de la sortie, nous pouvons observer que la liste est apparue sous forme numérique.
Et si l'exigence est d'afficher la liste dans un autre format I.E alphabatique, romain, etc.? Dans ce cas, nous devons avoir à spécifier le format dans le "taper" attribut.
Exemple 2
Supposons que nous devons déclarer les éléments de liste au format alphabétique, alors l'attribut de type sera défini sur le format spécifié I.e. «Type = A» ou «Type = A» Comme indiqué dans l'extrait suivant:
Liste des cadres de développement Web
- Django
- Laravel
- ASPIC.Filet
- Ballon
- Expressjs
Maintenant, ce code générera la sortie suivante:
Exemple 3
De plus, nous pouvons spécifier l'index de démarrage de la liste à l'aide du "commencer" attribut comme indiqué dans le script suivant:
Liste des cadres de développement Web
- Django
- Laravel
- ASPIC.Filet
- Ballon
- Expressjs
La sortie prouvera que l'indice de liste a commencé à partir du «VI»:
Après avoir eu les connaissances détaillées sur la liste ordonnée HTML, avançons et apprenons la liste HTML non ordonnée.
Liste HTML non ordonnée
Généralement utilisé s'il n'est pas nécessaire d'organiser les données dans un ordre spécifique. La balise sera utilisée pour créer la liste non ordonnée et à l'intérieur de la liste, les éléments seront écrits dans le étiqueter.
Une liste non ordonnée affiche les données dans divers formats tels que le carré, le cercle, etc. Par défaut, il affiche les «éléments de liste» sous forme à puces, mais il peut être modifié en utilisant son "taper" attribut.
Exemple
L'exemple à bec-donné créera deux liste non ordonnée, et dans la première liste, il n'y a pas de type mentionné, il fournira donc le résultat sous forme à puces. Cependant, dans la deuxième liste, l'attribut de type est défini sur Square et, par conséquent, les éléments de la liste seront lancés avec le carré:
Liste des cadres de développement Web
- Django
- Laravel
- ASPIC.Filet
- Ballon
- Expressjs
La sortie de l'extrait de code ci-dessus irait comme ceci:
Liste de description HTML
Il est également connu sous le nom de liste de définition. Il est utilisé pour décrire / définir les éléments de la liste. Il existe trois types de balises utilisées dans la liste description
étiqueter,
Exemple
Le code indiqué ci-dessous implémentera les listes de description pour déterminer les deux termes de données avec leur définition:
Liste des cadres de développement Web
- Django
- Framework pour Python
- Laravel
- Framework pour PHP
La sortie sera comme ceci:
Listes imbriquées
HTML prend en charge le concept de la liste imbriquée qui signifie qu'une liste peut être créée dans l'autre liste.
Exemple
Dans cet exemple, nous intégrons une liste non ordonnée dans la liste ordonnée:
Liste des cadres de développement Web
- Framework pour Python
- Django
- Ballon
- Cerisier
- Framework pour PHP
- Laravel
- Gâteau
- Phalcon
La sortie de cet exemple sera la suivante:
Conclusion
HTML répertorie le groupe différents éléments dans une liste. HTML propose différentes balises pour créer des listes, par exemple ,
et ,
Les balises sont utilisées pour créer respectivement une liste ordonnée, non ordonnée et descriptive. De plus, le La balise détermine l'élément de liste, le
Ce tutoriel explique comment créer des listes commandées, non ordonnées, descriptives et imbriquées. Pour une meilleure compréhension, cet article a expliqué chaque liste avec l'aide d'exemples.