Dans HTML, les utilisateurs peuvent insérer des données sous de nombreuses formes, notamment «listes","les tables","paragraphes", et ainsi de suite. En outre, vous pouvez également ajouter des données sous forme de listes, telles que les listes ordonnées et les listes non ordonnées. De plus, HTML permet à ses utilisateurs de créer des listes imbriquées pour gérer correctement les données. La liste commandée affiche les données en numéros, et la liste non ordonnée affiche des données sous forme de balle.

Ce blog expliquera:

• Comment faire une liste à nerpas HTML?
• Comment appliquer le style sur la liste imbriquée dans CSS?

Comment faire une liste à nerpas HTML?

Pour faire une liste imbriquée HTML, suivez la procédure étape par étape donnée.

Étape 1: insérer un titre

Tout d'abord, insérez une rubrique en utilisant n'importe quelle étiquette d'en-tête de "

" pour "

". Dans ce scénario, nous avons utilisé le «

Étape 2: Créer un conteneur «div»

Ensuite, créez un conteneur Div à l'aide du ««Element et insérer un«identifiant”Attribut à l'intérieur de la balise d'ouverture div avec un nom particulier.

Étape 3: Ajouter la liste non ordonnée

Maintenant, utilisez le «

”Tag pour ajouter une liste non ordonnée. Ensuite, ajoutez le test à l'aide du "
• " étiqueter. Ensuite, ajoutez une liste non ordonnée imbriquée et ajoutez des données pour la liste entre le «
  " étiqueter.

  Étape 4: Créez une liste commandée

  Ensuite, à l'intérieur de la première liste non ordonnée, créez une liste commandée en utilisant le «

  »Tag et intégrer des données sous la forme d'une liste ordonnée avec le«
  1. " étiqueter:

     Liste imbriquée appropriée

     
     
     
     
     
     • Cours d'informatique
     
     
     
     
     • Structure de données
     
     
     • Système de gestion de base de données
     
     
     • Système opérateur
     
     
     • Programmation orientée objet
     
     
     
     
     • Catégories d'informatique
     
     
     
     
     1. les fenêtres
     
     
     2. React js
     
     
     3. CSS
     
     
     4. Git
     
     
     5. Amorcer
     
     
     6. Javascrip
     
     
     
     
     
     

     On peut observer que la liste imbriquée HTML a été créée avec succès:

     Si l'utilisateur souhaite appliquer un style sur la liste, dirigez-vous vers la section suivante.

     Comment appliquer le style sur la liste imbriquée dans CSS?

     Pour appliquer le style sur une liste imbriquée dans CSS, consultez les étapes données.

     Étape 1: En-tête de style

     Accédez à la rubrique en utilisant le «H1”Nom de la balise et appliquez les propriétés données:

     H1
     Centre de texte-alignement;
     Couleur bleue;
     

     Ici:

     • "alignement de texte”Est ​​utilisé pour définir l'alignement central du texte.
     • Le CSS "couleur»La propriété spécifie la couleur du texte défini.

     Étape 2: Style Conteneur Div Main Div

     Accédez à la div principale à l'aide du nom de «identifiant" comme "# liste imbriqué»Et appliquez les propriétés suivantes mentionnées dans le bloc de code:

     # list imbriqué
     Color en arrière-plan: RVB (182, 250, 227);
     marge: 20px 70px;
     rembourrage: 30px;
     Border: bleu en pointillé;
     

     Les détails des propriétés énoncées ci-dessus sont les suivantes:

     • "Couleur de l'arrière plan»La propriété est utilisée pour régler la couleur à l'arrière de l'élément.
     • "marge»Spécifie l'espace en dehors de la frontière définie.
     • "rembourrage”Est ​​utilisé pour ajouter de l'espace à l'intérieur de l'élément défini.
     • "frontière»Détermine une frontière autour de l'élément.

     Sortir

     C'est le moyen immobilier pour faire la liste des nichés HTML.

     Conclusion

     Pour faire une liste imbriquée, les utilisateurs peuvent utiliser des listes commandées et non ordonnées. Pour ce faire, insérez la première liste avec l'aide du «

     " ou "
     »Tag et intégrer des données. Ensuite, définissez une autre liste dans la première liste. Cet article a examiné la procédure de fabrication de la liste des imbriquées appropriée en HTML.