Geordnete Liste
Teil des Abschnitts Fundamentals der HTML-Journey von Coddy — Lektion 13 von 60.
In HTML ist eine geordnete Liste eine Liste von Elementen, die nach Zahlen oder Buchstaben sortiert sind. Um eine geordnete Liste zu erstellen, verwenden Sie das <ol> Tag. Jedes Element in der Liste wird mit dem <li> Tag definiert.
Hier erfahren Sie, wie Sie 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 <ol>-Tag die geordnete Liste, und jedes <li>-Tag stellt ein Listenelement dar. Wenn dieser Code in einem Browser angezeigt wird, erstellt er eine nummerierte Liste:
- Erstes Element
- Zweites Element
- Drittes Element
Geordnete Listen sind nützlich für die Darstellung von Elementen, bei denen die Reihenfolge wichtig ist, wie zum Beispiel Schritte in einem Verfahren oder eine Liste von ranggeordneten Elementen.
Aufgabe
EinfachErstellen Sie ein HTML-Dokument mit einer geordneten Liste, die drei Elemente enthält: "First", "Second" und "Third". (In dieser Reihenfolge)
Spickzettel
Eine geordnete Liste zeigt Elemente mit Zahlen oder Buchstaben an. Verwenden Sie das <ol>-Tag, um die Liste zu erstellen, und <li>-Tags für jedes Element:
<ol>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ol>Geordnete Listen sind nützlich, wenn die Reihenfolge der Elemente wichtig ist, wie zum Beispiel bei Schritten in einem Verfahren.
Probier es selbst
<!DOCTYPE html>
<html>
<body>
<!-- Hier Code schreiben -->
</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 Fundamentals
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