Ungeordnete Liste
Teil des Abschnitts Fundamentals der HTML-Journey von Coddy — Lektion 12 von 60.
In HTML ist eine ungeordnete Liste eine Liste von Elementen, die nicht durch Zahlen oder Buchstaben geordnet sind. Stattdessen wird jedes Element mit einem Aufzählungspunkt markiert.
Um eine ungeordnete Liste zu erstellen, verwenden Sie das <ul>-Tag. Jedes Element in der Liste wird mit dem <li>-Tag definiert.
So erstellen Sie eine ungeordnete Liste in HTML:
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>In diesem Beispiel definiert das <ul>-Tag die ungeordnete Liste, und jedes <li>-Tag repräsentiert ein Listenelement. Wenn dieser Code in einem Browser angezeigt wird, erstellt er eine Liste mit Aufzählungspunkten:
- Punkt 1
- Punkt 2
- Punkt 3
Ungeordnete Listen sind nützlich, um Elemente darzustellen, bei denen die Reihenfolge keine Rolle spielt, wie zum Beispiel eine Liste von Zutaten oder Funktionen.
Aufgabe
EinfachErstellen Sie ein HTML-Dokument mit einer ungeordneten Liste, die drei Elemente enthält: "Apple", "Banana" und "Orange". (In dieser Reihenfolge)
Spickzettel
Um eine ungeordnete Liste zu erstellen, verwenden Sie das <ul>-Tag mit <li>-Tags für jedes Element:
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>Ungeordnete Listen zeigen Elemente mit Aufzählungspunkten an und sind nützlich, wenn die Reihenfolge keine Rolle spielt.
Probier es selbst
<!DOCTYPE html>
<html>
<body>
<!-- Hier Code schreiben -->
</body>
</html>Diese 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-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