Das Erstellen einer Liste ist eine der Hauptaufgaben bei der Arbeit mit Text. Berichte, Anweisungen, Pläne - sie alle erfordern oft die Verwendung von Listen. Aber wie kann ich eine Liste so erstellen, dass sie bequem und verständlich ist? In diesem Artikel werden wir einige der effektivsten Möglichkeiten zum Erstellen verschiedener Arten von Listen betrachten.
Der erste und einfachste Weg ist die Verwendung einer Aufzählungsliste. Sie können ein Tag zum Erstellen einer Aufzählungsliste und ein Tag für jeden Listeneintrag verwenden. Auf diese Weise können Sie eine Liste erstellen, in der die Elemente Marker oder Punkte haben. Eine Aufzählungsliste ist nützlich, wenn die Reihenfolge der Elemente irrelevant ist oder wenn sie einander gleich sind.
Wenn Sie eine nummerierte Liste benötigen, sollten Sie ein Tag verwenden. Innerhalb eines Tags muss für jeden Listeneintrag ein Tag verwendet werden. Die nummerierte Liste unterscheidet sich von der Aufzählung dadurch, dass jedes Element in der Reihenfolge nummeriert ist. Eine solche Liste ist nützlich, wenn Sie eine Abfolge von Aktionen angeben oder die Wichtigkeit von Listenpunkten bestimmen möchten.
Sie können andere Listen innerhalb des Tags verwenden, um verschachtelte Listen zu erstellen. Wenn Sie beispielsweise eine Liste mit Unterpunkten erstellen möchten, können Sie eine andere Aufzählungsliste oder eine nummerierte Liste in das Tag einfügen. Auf diese Weise können Sie die Informationen organisieren und für den Leser verständlicher machen.
Einfache Liste
Um eine einfache Liste zu erstellen, verwendet HTML ein Tag für eine einwandfrei aufzählbare Liste und ein Tag für eine nummerierte Liste. Innerhalb dieser Tags werden Listenelemente platziert, die durch ein Tag gekennzeichnet sind.
Beispielcode zum Erstellen einer einfachen Liste:
- Erster Punkt
- Zweiter Punkt
- Dritter Punkt
Als Ergebnis erhalten wir die folgende Liste:
- Erster Punkt
- Zweiter Punkt
- Dritter Punkt
Beispielcode zum Erstellen einer nummerierten Liste:
- Erster Punkt
- Zweiter Punkt
- Dritter Punkt
Als Ergebnis erhalten wir die folgende Liste:
- Erster Punkt
- Zweiter Punkt
- Dritter Punkt
Sie können zusätzliche Attribute verwenden, um eine Liste semantischer zu gestalten, z. B. value (um einen Anfangswert in einer nummerierten Liste anzugeben) und type (um den Aufzählungstyp in einer einwandfrei aufzählbaren Liste anzugeben.)
Nummerierte Liste
-
. Jedes Element in der Liste wird durch ein Tag gekennzeichnet
das innerhalb des Tags liegt
- Erster Punkt
- Zweiter Punkt
- Dritter Punkt
- Jedes Element in der Aufzählungsliste beginnt mit einem Tag
- , das den Anfang eines neuen Elements anzeigt.
- Kennung
-
wird zum Erstellen einer Aufzählungsliste verwendet. Es vereint alle Elemente der Liste in sich selbst.
- Punktmarkierungen können durch verschiedene Symbole wie einen Punkt, einen Kreis, ein Quadrat und andere dargestellt werden. Verwenden Sie CSS, um den Marker festzulegen.
- Eine Aufzählungsliste kann verschachtelte Listen enthalten, die durch Einrücken angezeigt werden.
- Listenelement 1
- Listenelement 2
- Listenelement 3
- Listenelement 1
- Listenelement 2
- Listenelement 3
- Element 1
- Element 2
- Element 3
- Element 4
-
. Jedes Element in der Liste wird automatisch mit einer fortlaufenden Nummer nummeriert.
Eine nummerierte Liste kann in verschiedenen Situationen nützlich sein, z. B. um Schritte in einer Anweisung aufzulisten oder wichtige Elemente im Text hervorzuheben.
Beispiel für das Erstellen einer nummerierten Liste:
Das Ergebnis wird wie folgt aussehen:
Aufzählungsliste
Beispiel für eine Aufzählungsliste:
Kompakte Liste
Es gibt zwei Haupttypen von kompakten Listen: Aufzählungszeichen und nummerierte Listen.
Kompakte Liste mit Aufzählungszeichen
Eine kompakte Liste mit Aufzählungszeichen verwendet Aufzählungszeichen, um Listenelemente zu kennzeichnen. Dieser Listentyp wird normalerweise verwendet, um ungeordnete Informationen darzustellen, bei denen jedes Element die gleiche Bedeutung hat.
Sie können Aufzählungslisten auf verschiedene Arten erstellen, indem Sie die entsprechenden Aufzählungszeichen auswählen und die Liste mit CSS stylen.
Nummerierte kompakte Liste
Eine nummerierte kompakte Liste verwendet Zahlen oder Buchstaben, um Listenelemente anzuzeigen. Diese Art von Liste ist nützlich, um geordnete Informationen darzustellen, wobei jedes Element seine eigene Sequenznummer hat.
Nummerierte Listen können auch gestylt und mit zusätzlichen Elementen wie Unterlisten und Einrückungen ergänzt werden.
Horizontale Liste
Eine horizontale Liste ist eine Liste von Elementen, die im Gegensatz zu einer standardmäßigen vertikalen Liste horizontal auf einer Seite angezeigt werden. Horizontale Listen können eine effektive Möglichkeit sein, Informationen zu organisieren und auf einer Website zu navigieren.
-
oder
in Kombination mit dem Tag
. Um jedoch die horizontale Anordnung der Listenelemente zu erreichen, müssen Sie CSS-Stile hinzufügen.
Beispiel zum Erstellen einer horizontalen Liste:
In CSS können Sie die Eigenschaft `display: inline-block' verwenden;' für Listenelemente, damit sie horizontal angezeigt werden. Sie können auch zusätzliche Stile hinzufügen, um Einrückungen und visuelle Effekte festzulegen.