In HTML können Benutzer Daten in vielen Formularen einfügen, einschließlich “Listen","Tische","Absätze", usw. Darüber hinaus können Sie Daten in Form von Listen hinzufügen, z. B. geordnete Listen und nicht ordnungsgemäße Listen. Darüber hinaus ermöglicht HTML seinen Benutzern, verschachtelte Listen zu erstellen, um die Daten ordnungsgemäß zu verarbeiten. In der geordneten Liste werden die Daten in Zahlen angezeigt, und die ungeordnete Liste zeigt Daten im Kugelformular an.

Dieser Blog erklärt:

• So erstellen Sie eine HTML-nistete Liste?
• So beantragen Sie das Styling auf der verschachtelten Liste in CSS?

So erstellen Sie eine HTML-nistete Liste?

Um eine HTML-verschachtelte Liste zu erstellen, folgen Sie dem angegebenen Schritt-für-Schritt-Verfahren.

Schritt 1: Setzen Sie eine Überschrift ein

Fügen Sie zunächst eine Überschrift ein, indem Sie ein beliebiges Überschriften -Tag von “verwenden“

" Zu "

”. In diesem Szenario haben wir das verwendet

Schritt 2: Erstellen Sie den Container „Div“

Erstellen Sie als nächstes einen Div -Container mit Hilfe des “Element und einfügen eine “Ausweis”Attribut im DIV -Eröffnungs -Tag mit einem bestimmten Namen.

Schritt 3: Unbestrafte Liste hinzufügen

Verwenden Sie nun die “

Tag zum Hinzufügen einer ungeordneten Liste. Fügen Sie dann den Test mit Hilfe des “hinzu“
• " Schild. Fügen Sie als Nächstes eine verschachtelte, ungeordnete Liste hinzu und fügen Sie Daten für die Liste dazwischen hinzu
  " Schild.

  Schritt 4: Erstellen Sie eine bestellte Liste

  Erstellen Sie in der ersten ungeordneten Liste eine geordnete Liste mit der “

  Datentag- und Einbettendaten in Form einer geordneten Liste mit dem “
  1. " Schild:

     Ordnungsgemäß verschachtelte Liste

     
     
     
     
     
     • Informatikkurse
     
     
     
     
     • Datenstruktur
     
     
     • Datenbankverwaltungssystem
     
     
     • Betriebssystem
     
     
     • Objekt orientierte Programmierung
     
     
     
     
     • Informatikkategorien
     
     
     
     
     1. Fenster
     
     
     2. Reagieren js
     
     
     3. CSS
     
     
     4. Git
     
     
     5. Bootstrap
     
     
     6. JavaScript
     
     
     
     
     
     

     Es kann beobachtet werden, dass die HTML -verschachtelte Liste erfolgreich erstellt wurde:

     Wenn der Benutzer das Styling auf der Liste anwenden möchte, gehen Sie in Richtung des nächsten Abschnitts.

     So beantragen Sie das Styling auf der verschachtelten Liste in CSS?

     Um das Styling auf einer verschachtelten Liste in CSS anzuwenden, lesen Sie die angegebenen Schritte.

     Schritt 1: Stilüberschrift

     Greifen Sie auf die Überschrift zu, indem Sie die “verwendenH1Tagenname und wenden Sie die angegebenen Eigenschaften an:

     H1
     Text-Align-Zentrum;
     Farbe blau;
     

     Hier:

     • “Textausrichtung”Wird verwendet, um die Mittelausrichtung des Textes festzulegen.
     • Das CSS “FarbeEigenschaft gibt die Farbe des definierten Textes an.

     Schritt 2: Style Main Div Container

     Greifen Sie mit Hilfe des Namens von auf die Hauptdiv zu “Ausweis" als "#verschachtelte ListUnd wenden Sie die folgenden Eigenschaften an, die im Codeblock erwähnt wurden:

     #verschachtelte List
     Hintergrundfarbe: RGB (182, 250, 227);
     Rand: 20px 70px;
     Polsterung: 30px;
     Grenze: Blau gepunktet;
     

     Die Details der oben genannten Eigenschaften sind wie folgt:

     • “HintergrundfarbeDie Eigenschaft wird verwendet, um die Farbe auf der Rückseite des Elements festzulegen.
     • “RandGibt Platz außerhalb der definierten Grenze an.
     • “Polsterung”Wird verwendet, um Platz im definierten Element hinzuzufügen.
     • “Grenze”Bestimmt eine Grenze um das Element.

     Ausgang

     So ist die Grundlage für die Aufstellung von HTML -verschachtelter Liste.

     Abschluss

     Um eine verschachtelte Liste zu erstellen, können Benutzer ordnungsgemäße und ungeordnete Listen verwenden. Fügen Sie dazu die erste Liste mit Hilfe des "ein

     " oder "
     Datentag- und Einbettungsdaten. Definieren Sie dann eine andere Liste in der ersten Liste. Diese Beschreibung hat das Verfahren zur Erstellung der ordnungsgemäßen verschachtelten Liste in HTML untersucht.