HTML: Einrücken für einen ordentlichen Überblück und geordnete Listen

<ol> steht für eine geordnete Liste.

Um einen übersichtlichen Code zu haben, rückt man für gewöhnlich die Tags, die in anderen Tags stehen (siehe oben die <li> Listenpunkte innerhalb der <ol> geordneten Liste) ein Stück ein. 

Um eine geordnete Liste zu erstellen müssen wir zuerst einen <ol> (=ordered list) Tag erstellen (siehe Zeile 8 im Screenshot). Darin eingerückt werden dann pro Zeile die einzelnen Punkte auf der Liste mit einem <li> Tag eröffnet und mit einem </li> wieder jeweils geschlossen. Ist die Liste fertig müssen wir noch die Liste mit einem </ol> Tag schließen und fertig ist eine Liste, die dann in etwas so aussehen sollte:

1. Erste Punkt auf der Liste
2. Zweiter Punkt auf der Liste
3. Dritter Punkt auf der Liste
4. ...