Ungeordnete Liste
Teil des Abschnitts Grundlagen der HTML-Journey von Coddy. Lektion 12 von 60.
In HTML ist eine ungeordnete Liste eine Liste von Elementen, die nicht nach Zahlen oder Buchstaben geordnet sind. Stattdessen ist jedes Element mit einem Aufzählungszeichen markiert.
Um eine ungeordnete Liste zu erstellen, verwendest du das Tag <ul>. Jedes Element in der Liste wird mit dem Tag <li> definiert.
So erstellst du eine ungeordnete Liste in HTML:
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>In diesem Beispiel definiert das Tag <ul> die ungeordnete Liste, und jedes Tag <li> steht für einen Listeneintrag. Wird dieser Code in einem Browser angezeigt, erstellt er eine Liste mit Aufzählungspunkten:
- Eintrag 1
- Eintrag 2
- Eintrag 3
Ungeordnete Listen sind nützlich, um Elemente darzustellen, bei denen die Reihenfolge keine Rolle spielt, beispielsweise eine Liste von Zutaten oder Merkmalen.
Aufgabe
EinfachErstelle ein HTML-Dokument mit einer ungeordneten Liste, die drei Elemente enthält: "Apple", "Banana" und "Orange". (In dieser Reihenfolge)
Schließe die Liste mit </ul>.
Probier es selbst
<!DOCTYPE html>
<html>
<body>
<!-- Schreibe hier Code -->
</body>
</html>Diese 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-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