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
- Ungeordnete HTML-Liste
- Bestellte HTML-Liste
- HTML-Beschreibungslisten
- Verschachtelte Liste in HTML
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 ein Listenelement zu definieren
-
- Wird verwendet, um einen Begriff in einer Beschreibungsliste zu definieren
- 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 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:
Kreis:
Sport
- Kricket
- Fußball
- Baseball
Ausgabe:
Platz:
Sport
- Kricket
- Fußball
- Baseball
Ausgabe:
Was sind die Gründe, eine Instanz der Dateiklasse zu erstellen?
Keiner:
Sport
- Kricket
- Fußball
- Baseball
Ausgabe:
Nachdem 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 Etikett.
Standardmäßig ist die Liste der Elemente mit Zahlen markiert.
Sport
- Kricket
- Fußball
- Baseball
Ausgabe:
Schauen 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
- Kricket
- Fußball
- Baseball
Ausgabe:
Großbuchstaben:
Sport
- Kricket
- Fußball
- Baseball
Ausgabe:
Kleinbuchstaben:
Sport
- Kricket
- Fußball
- Baseball
Ausgabe:
Großbuchstaben Roman Nu mber s:
Sport
- Kricket
- Fußball
- Baseball
Ausgabe:
Römische Kleinbuchstaben:
Sport
- Kricket
- Fußball
- Baseball
Ausgabe:
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 &
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
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.