Search
Close this search box.

Geordnete Listen in HTML erstellen – So einfach geht’s!

Du möchtest geordnete Listen in HTML erstellen, weißt aber nicht wie? Keine Sorge, ich zeige dir in diesem Video-Tutorial, wie es ganz einfach funktioniert.

Das ol-Tag steht für „ordered list“, also geordnete Liste. Mit diesem Tag kannst du eine Liste mit einer bestimmten Reihenfolge erstellen. Die einzelnen Einträge der Liste werden mit dem li-Tag definiert. Du kannst auch die Startzahl der Liste und die Reihenfolge umkehren, falls du das möchtest.

Beginnen wir mit der Syntax für das ol-Tag:

<ol>

Hier kommt dann der Text für deine erste Listenposition:

<li> Hier kannst du den Text für deine erste Position schreiben. </li>

Und so geht es dann weiter, bis du alle Positionen in deiner Liste hinzugefügt hast. Wenn du die Liste speichern möchtest, kannst du einfach das ol-Tag abschließen:

</ol>

				
					Beispiel:
<ol>
    <li>Listenelement 1</li>
    <li>Listenelement 2</li>
</ol>
				
			

Das war schon alles, was du über geordnete Listen in HTML wissen musst. Ich hoffe, dass dir dieses Tutorial weitergeholfen hat und dass du nun in der Lage bist, Listen auf deiner Webseite zu erstellen.

Vergiss nicht, meinen Kanal zu abonnieren, um immer über die neuesten HTML- und CSS-Tutorials informiert zu sein. Viel Spaß beim Erstellen deiner eigenen Listen!

Wenn du mehr über HTML und CSS lernen möchtest, schau doch mal in meinem HTML- und CSS-Kurs vorbei.