Geordnete Liste
Teil des Abschnitts Grundlagen der HTML-Journey von Coddy. Lektion 13 von 60.
In HTML ist eine geordnete Liste eine Liste von Einträgen, die nach Zahlen oder Buchstaben geordnet sind. Um eine geordnete Liste zu erstellen, verwendest du das Tag <ol>. Jeder Eintrag in der Liste wird mit dem Tag <li> definiert.
So kannst du eine geordnete Liste in HTML erstellen:
<ol>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ol>In diesem Beispiel definiert das Tag <ol> die geordnete Liste, und jedes Tag <li> steht für einen Listeneintrag. Wird dieser Code in einem Browser angezeigt, erstellt er eine nummerierte Liste:
- Erster Eintrag
- Zweiter Eintrag
- Dritter Eintrag
Geordnete Listen eignen sich dazu, Elemente darzustellen, bei denen die Reihenfolge wichtig ist, etwa Schritte eines Verfahrens oder eine Rangliste.
Aufgabe
EinfachErstelle ein HTML-Dokument mit einer geordneten Liste, die drei Einträge enthält: "First", "Second" und "Third". (In dieser Reihenfolge)
Probier es selbst
<!DOCTYPE html>
<html>
<body>
<!-- Schreibe hier Code -->
</body>
</html>
Teste dich selbstDiese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.
Alle Lektionen in Grundlagen
2Text und Formatierung
ÜberschriftenAbsätzeZeilenumbrücheFetter und kursiver TextNochmals fett und kursivWiederholung – Formatierung8Formulare und Eingaben Teil 1
Formular-GrundlagenTexteingabenInput-AttributePasswortfeldLabels für EingabenZusammenfassung – Einfaches Formular11Event-Registrierungsseite
ProjektübersichtHeader-Bereich
Event-Details-BereichRegistrierungsformularFooter-Bereich6Seitenlayout
Bereiche (Divisions)Inline-SpansSemantische TagsSections und ArticlesZusammenfassung – Layout9Formulare und Eingaben Teil 2
Radio-ButtonsCheckboxenDropdownsButtonsButtons in FormularenWiederholung - Formulare #1Wiederholung - Formulare #212Abschlussherausforderungen
Einfache ProfilkarteEvent-EinladungskarteEinfache ArtikelseiteLieblingsbücher-ListeÜbe selbstständig: Web-Playground