Finanzen & Steuern

Der HTML-Code für geschachtelte Listen

HTML bietet eine flexible Möglichkeit, verschachtelte Listen über ungeordnete und geordnete Listenelemente zu erstellen. Diese können beliebig oft ineinander geschachtelt werden, um hierarchische Daten wie Kapitel- und Unterkapitelüberschriften in einem Online-Dokument zu organisieren. Mit Hilfe einiger CSS-Codes können verschachtelte Listen an die eigenen Bedürfnisse angepasst werden, indem entweder globale Attribute der Liste zugewiesen werden oder indem für jede Ebene der Verschachtelung ein anderer Stil verwendet wird.

Arten der Liste

Es gibt zwei Arten von Listen, die Sie in HTML verwenden können, und es gibt ein Listenelementelement, das die Elemente für beide definiert. Der erste Listentyp ist eine ungeordnete Liste, die vom aufgerufen wird

    Stichworte. Dadurch wird eine Liste mit Aufzählungszeichen angezeigt. Sie können die Aufzählungszeichen innerhalb des CSS jedoch entfernen, indem Sie den Typ "list-style" auf "none" setzen. Die zweite ist eine geordnete Liste, die mit aufgerufen wird
      , die eine nummerierte Liste zurückgibt. Zwischen den öffnenden und schließenden Tags definieren Sie jeden Listeneintrag. Zum Beispiel:

      • Listenelement 1
      • Listenelement 2

      Verschachtelte Liste

      Um eine verschachtelte Liste zu erstellen, müssen Sie eine zweite anrufen

        oder
          vor einem gegebenen
        1. Tag wurde geschlossen. Stellen Sie sicher, dass Sie die geschachtelte Liste ordnungsgemäß schließen. Verwenden Sie beispielsweise den folgenden Code, um eine geordnete Liste zu erstellen, die in einer ungeordneten Liste verschachtelt ist:

          • Listenelement 1
            1. Unterlistenelement 1
            2. Unterlistenelement 2
            3. Unterlistenelement 3
          • Listenelement 2

          Stellen Sie sicher, dass Sie jedes Element der Liste und jede Liste mit dem Abschlusscode schließen, z

          2. .
      und .

      CSS deklarieren

      Wenn Sie das Erscheinungsbild der verschachtelten Liste anpassen möchten, müssen Sie CSS ("Cascading Style Sheet") verwenden. Die Ästhetik und Positionierung des CSS sind normalerweise in einem separaten Stylesheet enthalten, das zwischen den Head-Tags aufgerufen wird und folgenden Code enthält:

      CSS kann auch als "Inline" deklariert werden. Dies bedeutet im eigentlichen HTML-Attribut selbst:

        Inline-CSS hat Vorrang vor Code im Stylesheet.

        Im Stylesheet

        CSS-Code muss in einem bestimmten Format geschrieben werden, damit er ordnungsgemäß funktioniert. Deklarieren Sie im Stylesheet den Code für jedes Attribut in folgendem Format:

        ul {

        Attributwert;

        }

        Dies würde der ungeordneten Liste ein Styling geben. Einem verschachtelten Stil geben

      • Verwenden Sie den folgenden Code:

        li li {

        Attributwert;

        }

        Dies definiert den Code für das Listenelement zwei Ebenen tief. Stellen Sie sicher, dass alle "attribut: wert" -Zeilen mit einem Semikolon enden und sicherstellen, dass die geschweiften Klammern das von Ihnen definierte Element umgeben.

      none

      Empfohlen