HTML, Listen

In dieser Lektion sehen wir, wie man durch spezielle Tags, nummerierte oder aufzählende Textlisten erstellen kannnummerierte oder aufzählende Textlisten.

In dieser Lektion sehen wir, wie man durch spezielle Tags, nummerierte oder aufzählungsgleiche Textlistenerstellen kann.
Sehen wir uns nun in einem kurzen Beispiel den Unterschied zwischen einer Aufzählungsliste und einer nummerierten Liste an:

Aufzählungsliste:
• Erster Text
• Zweiter Text
• Dritter Text

Nummerierte Liste:
1. Erster Text
2. Zweiter Text
3. Dritter Text
Nach dieser Einführung sehen wir nun, wie wir unsere Listen erstellen können.
Listen werden unterteilt in Geordnete und ungeordnete Listen.
Geordnete Listen werden durch eine nummerierte Liste gekennzeichnet, daher können wir sagen, dass nummerierte Listen geordnete Listen sind.
Im Gegenteil, Aufzählungsgleiche Listen werden als ungeordnete Listen.

Geordnete Listen (Nummeriert):
um diese Art von Listen zu erstellen, wird das Tag ol (Order list) verwendet, das dem Browser anzeigt, dass es sich um eine geordnete Liste handelt. Hinzu kommt das Tag li (List item), das den Absatz der Liste darstellt.

Hier ist die Syntax für eine geordnete Liste:

Unsortierte Listen (Aufzählungszeichen):
Im Gegensatz zur vorherigen Liste ist diese nicht durch eine definierte und geordnete Nummerierung gekennzeichnet, sondern nur durch einen Referenzpunkt.
In diesem Fall wird anstelle von ol ul (Unordered lists) verwendet, immer in Verbindung mit dem li-Tag, da es sich auch hier um eine Liste handelt.

Hier ist die Syntax, um diese Liste zu erstellen:

Beachten Sie den Listenpunkt.
Wenn wir den klassischen Punkt durch einen kleinen Kreis ersetzen wollen, um die Liste zu kennzeichnen, verwenden wir das Attribut type in Verbindung mit der Art des Punktes, der in unserem Fall ein Kreis wird, definiert als „circle“.
Hier ist also unsere Aufzählungsliste mit der Verwendung eines Kreises:

Wenn wir dann als Punkt ein Quadrat wünschen, verwenden wir die Definition „square“:

Listen sind sehr nützlich, um Listen und Navigationsmenüs zu definieren.

Pubblicato in HTML & CSS