Bestellte Listen in HTML

Bestellte Listen in HTML
Bestellte Listen in HTML sind diejenigen. Diese Listen sind sehr hilfreich, wenn Sie mehrere Elemente auflisten möchten, die in einer bestimmten Reihenfolge auftreten sollen. In diesem Leitfaden teilen wir Ihnen die verschiedenen Beispiele mit, die die Verwendung der geordneten Listen in HTML zeigen werden.

Verwenden der bestellten Listen in HTML

Die geordneten Listen in HTML können auf verschiedene Weise verwendet werden. Die folgenden vier Beispiele zeigen einige ihrer Nutzungsszenarien:

Beispiel 1: Einfache Verwendung der bestellten Listen

In diesem Beispiel lernen wir, eine einfache geordnete Liste in HTML zu erstellen. Dazu müssen Sie das im folgende Bild gezeigte HTML -Skript durchgehen:

Die bestellten Listen in HTML können mithilfe des „OL“ -Tages erstellt werden. Sobald Sie dieses Tag angewendet haben, erwähnen Sie alle Elemente dieser geordneten Liste, indem Sie sie in das Tag „LI“ einschließen. In diesem Beispiel erstellen wir eine geordnete Liste von drei Kursen. Daher verwenden wir das "OL" -Tag, gefolgt von den drei "Li" -Tags in diesem Skript.

Nachdem Sie dieses Skript gespeichert und in unserem Browser ausgeführt haben, wird die folgende Webseite auf unserem Bildschirm angezeigt. Sie können sehen, dass unsere angegebenen Kurse in Form einer bestellten Liste auf dieser Webseite angezeigt werden.

Beispiel Nr. 2: Bestellte Listen mit oberen Fallbuchstaben

Es ist nicht notwendig, nur die geordnete Liste der Zahlen zu haben. Wir können auch die bestellten Listen von Alphabeten haben. Das im folgende Bild angezeigte HTML -Skript zeigt, wie Sie eine geordnete Liste mit den oberen Fallbuchstaben in HTML erstellen.

In diesem HTML -Skript zeigen wir die drei verschiedenen Richtungen in Form einer geordneten Liste an. Diesmal möchten wir jedoch eine bestellte Liste der oberen Fallbriefe. Daher verwenden wir ein zusätzliches Attribut "Typ" mit dem "OL" -Tag, um den genauen Typ der geordneten Liste zu erwähnen. Wir gleichen dieses Attribut mit „A“ aus, um eine geordnete Liste mit den oberen Fallalphabeten zu erstellen. Dann erwähnen wir einfach alle Elemente dieser geordneten Liste mit dem Tag "li".

Unsere bestellte Liste mit den oberen Fallalphabeten ist im folgenden Bild angezeigt:

Notiz: Wenn Sie "A" im vorherigen Skript durch "A", "I", "I" oder "1" ersetzen, hat unsere bestellte Liste kleine Fallbriefe, römische Ziffern der oberen Gehäuse, römische Ziffern im unteren Fall oder im oberen Fall Zahlen jeweils. Standardmäßig umfasst eine bestellte Liste in HTML jedoch Zahlen. Daher müssen Sie den Typ "1" in diesem Fall nicht ausdrücklich erwähnen.

Beispiel 3: Bestellte Listen mit einem zufälligen Ausgangspunkt

Manchmal möchten Sie nicht, dass Ihre bestellte Liste mit „1“ beginnt. Sie möchten vielmehr einen zufälligen Ausgangspunkt dafür haben. Dazu können Sie das im folgende Bild gezeigte HTML -Skript verwenden:

In diesem Skript möchten wir, dass unsere bestellte Liste mit der Nummer "10" startet,. Daher verwenden wir das Attribut "Start" mit dem "OL" -Tag und gleichen es auf "10" aus. Dann erwähnen wir die drei verschiedenen Elemente mit dem "li" -Tag.

Unsere bestellte Liste mit einem anderen Ausgangspunkt unserer Wahl als „1“ wird im folgenden Bild angezeigt:

Beispiel 4: verschachtelte bestellte Listen

In diesem Beispiel lernen wir, die verschachtelten geordneten Listen zu erstellen, ich.e. Bestellte Listen in einer bestellten Liste in HTML. Das HTML -Skript für diesen Zweck wird im folgenden Bild angezeigt:

In diesem Beispiel möchten wir eine äußere geordnete Liste der verschiedenen Getränke haben. In jeder Kategorie wollten wir die inneren geordneten Listen haben, um die verschiedenen Getränke jeder dieser Kategorien zu erwähnen. Daher haben wir die Tags "OL" und "Li" entsprechend im HTML -Skript im vorherigen Bild verschachtelt.

Die folgende Webseite zeigt unsere verschachtelte bestellte Liste in HTML:

Abschluss

In diesem Tutorial wird die Verwendung der geordneten Listen in HTML erörtert. Wir haben Ihnen eine kurze Einführung der geordneten Listen in HTML gegeben, gefolgt von einigen Beispielen, die dieses Konzept mehr Klarheit bringen sollten. Nachdem Sie diese Beispiele gut verstanden haben, können Sie die geordneten Listen in HTML recht effektiv verwenden.