Wie implementiere ich verschiedene Arten von Listen in HTML?



Dieser Artikel vermittelt Ihnen detaillierte und umfassende Kenntnisse über verschiedene Arten von Listen in HTML mit Beispielen und Code.

Listen sind eine der wichtigsten Möglichkeiten, Daten und Informationen darzustellen, bei denen jeder Datensatz in einer einzelnen Zeile angezeigt wird. Es gibt verschiedene Möglichkeiten, Daten in einer Liste darzustellen, z. B. in geordneter oder ungeordneter Weise. Ich werde die folgenden Themen in dieser Liste in behandeln Artikel:

Arten von Listen in HTML

Bevor wir mit dem Erstellen einer Liste beginnen, schauen wir uns zunächst die HTML-Tags an:





    • Wird verwendet, um eine ungeordnete Liste zu definieren
      1. Wird verwendet, um eine geordnete Liste zu definieren
      2. Wird verwendet, um ein Listenelement zu definieren
      3. Wird verwendet, um eine Beschreibungsliste zu definieren
      4. Wird verwendet, um einen Begriff in einer Beschreibungsliste zu definieren
      5. Wird verwendet, um den Begriff in einer Beschreibungsliste zu beschreiben

    Lassen Sie uns verstehen, wie Sie verschiedene Arten von Listen in HTML erstellen können.

    Ungeordnete Liste

    Um eine ungeordnete Liste in HTML zu definieren, verwenden wir

      Tag und dann definieren wir die Liste der Elemente in
    • Etikett. Standardmäßig ist die Liste der Elemente mit Aufzählungszeichen (d. H. Kleinen schwarzen Kreisen) markiert.



       

      Sport

      • Kricket
      • Fußball
      • Baseball

      Ausgabe:

      Ungeordnete Liste in HTML

      Ungeordnete HTML-Liste: Verschiedene Artikelmarkierungen



      Sie können aus einer Liste von Markierungen mit der Eigenschaft CSS-Listenstil auswählen. Schauen wir uns verschiedene Eigenschaften vom Typ CSS-Listenstil an, mit denen Sie verschiedene Arten von Markierungen definieren können:

      • Rabatt : Setzt die Listenelementmarkierung auf Aufzählungszeichen
      • Kreis : Setzt die Listenelementmarkierung auf einen Kreis
      • Platz : Setzt die Listenelementmarkierung auf ein Quadrat
      • keiner : Die Listenelemente werden nicht markiert

      Rabatt:

       

      Sport

      • Kricket
      • Fußball
      • Baseball

      Ausgabe:

      Disc in HTMLKreis:

       

      Sport

      • Kricket
      • Fußball
      • Baseball

      Ausgabe:

      Kreisliste in HTMLPlatz:

       

      Sport

      • Kricket
      • Fußball
      • Baseball

      Ausgabe:

      Was sind die Gründe, eine Instanz der Dateiklasse zu erstellen?

      SquareKeiner:

       

      Sport

      • Kricket
      • Fußball
      • Baseball

      Ausgabe:

      NoneNachdem Sie nun verstanden haben, wie Sie eine ungeordnete Liste in HTML erstellen, lernen Sie, wie Sie eine geordnete Liste in HTML erstellen.

      Bestellliste

      Um eine geordnete Liste in HTML zu definieren, verwenden wir

        Tag und dann definieren wir die Liste der Elemente in
      1. Etikett.
        Standardmäßig ist die Liste der Elemente mit Zahlen markiert.

         

        Sport

        1. Kricket
        2. Fußball
        3. Baseball

        Ausgabe:

        Bestellte Liste in HTMLSchauen wir uns nun einige Varianten der geordneten Listen an.

        Geordnete HTML-Liste - Typattribut

        Es gibt verschiedene Arten von Artikelmarkierungen für eine geordnete Liste:

        • Typ = '1' Die Listenelemente werden mit Nummern nummeriert (Standard)

        • Typ = 'A' Die Listenelemente werden mit Großbuchstaben nummeriert

        • Typ = 'a' Die Listenelemente werden mit Kleinbuchstaben nummeriert

        • Typ = 'I' Die Listenelemente werden mit römischen Großbuchstaben nummeriert

        • Typ = 'i' Die Listenelemente werden mit römischen Kleinbuchstaben nummeriert

        Zahlen:

         

        Sport

        1. Kricket
        2. Fußball
        3. Baseball

        Ausgabe:

        NumbersGroßbuchstaben:

         

        Sport

        1. Kricket
        2. Fußball
        3. Baseball

        Ausgabe:

        GroßbuchstabeKleinbuchstaben:

         

        Sport

        1. Kricket
        2. Fußball
        3. Baseball

        Ausgabe:

        KleinbuchstabeGroßbuchstaben Roman Nu mber s:

         

        Sport

        1. Kricket
        2. Fußball
        3. Baseball

        Ausgabe:

        Römische Großbuchstaben

        Römische Kleinbuchstaben:

         

        Sport

        1. Kricket
        2. Fußball
        3. Baseball

        Ausgabe:

        Römische Kleinbuchstaben

        HTML-Beschreibungslisten

        Sie können auch Beschreibungslisten in HTML erstellen. Eine Beschreibungsliste wird verwendet, um eine Liste von Begriffen zu erstellen und ihnen eine Beschreibung hinzuzufügen. Sie erstellen eine Beschreibungsliste mit

        Etikett.
        Tag definiert den Begriff &
        Tag fügt ihnen eine Beschreibung hinzu.

         

        Sport

        Kricket
        Cricket ist ein Schläger-und-Ball-Spiel, das zwischen zwei Teams von elf Spielern auf einem Feld gespielt wird, in dessen Mitte sich ein 20-Meter-Spielfeld mit einem Wicket an jedem Ende befindet, das jeweils zwei Kautionen umfasst, die auf drei Stümpfen balanciert sind.
        Tischtennis
        Tischtennis, auch Ping-Pong genannt, ist eine Sportart, bei der zwei oder vier Spieler mit kleinen Schlägern einen leichten Ball über einen Tisch hin und her schlagen. Das Spiel findet auf einem harten Tisch statt, der durch ein Netz geteilt ist.

        Ausgabe:

        Verschachtelte Liste in HTML

        Sie können auch eine verschachtelte Liste in HTML erstellen.

        Welche der folgenden Beispiele sind Steueranweisungen?
         

        Sport

        • Tischtennis
        • Kricket
          • Virat Kohli
          • Joe Root
      2. Basketball

    Ausgabe:

    Nachdem Sie die obigen Snippets ausgeführt haben, haben Sie verstanden, wie Sie Listen in HTML erstellen. Ich hoffe, dieser Blog ist informativ und bietet Ihnen einen Mehrwert.

    Schauen Sie sich unsere Dies beinhaltet ein von Lehrern geführtes Live-Training und praktische Projekterfahrung. Diese Schulung vermittelt Ihnen Kenntnisse in der Arbeit mit Back-End- und Front-End-Webtechnologien. Es umfasst Schulungen zu Webentwicklung, jQuery, Angular, NodeJS, ExpressJS und MongoDB.

    Hast du eine Frage an uns? Bitte erwähnen Sie es im Kommentarbereich des Blogs 'Liste in HTML' und wir werden uns bei Ihnen melden.