Summary  
This chapter explains how to organize lists in HTML using `<ul>` for unordered lists, `<ol>` for ordered lists (including custom start values), and how to nest lists within each other.

General domain of usage  
Web development (HTML content structuring)

In HTML können Listen mit zwei Haupt-Tags erstellt werden: `<ul>` (ungeordnete Liste) und `<ol>` (geordnete Liste). <br>


### Ungeordnete Liste
`<ul>` erstellt eine Liste mit Aufzählungszeichen oder anderen Markierungen für jedes Element, ohne eine bestimmte Reihenfolge oder Rangfolge. Jedes Element wird in ein `<li>`-Tag (Listenelement) eingeschlossen, das für jedes Element einen eigenen Aufzählungspunkt erzeugt.

PCEtLSBVbm9yZGVyZWQgbGlzdCAtLT4KPHVsPgogIDxsaT5pdGVtIDE8L2xpPgogIDxsaT5pdGVtIDI8L2xpPgogIDxsaT5pdGVtIDM8L2xpPgogIDxsaT5pdGVtIDQ8L2xpPgo8L3VsPg==

### Geordnete Liste
`<ol>` hingegen wird verwendet, um eine Liste mit einer bestimmten Reihenfolge oder Rangfolge zu erstellen. Die Listenelemente werden mit dem `<li>`-Tag fortlaufend nummeriert.

PCEtLSBPcmRlcmVkIGxpc3QgLS0+CjxvbD4KICA8bGk+aXRlbSAxPC9saT4KICA8bGk+aXRlbSAyPC9saT4KICA8bGk+aXRlbSAzPC9saT4KICA8bGk+aXRlbSA0PC9saT4KPC9vbD4=

Mit dem `start`-Attribut im `<ol>`-Tag kann auch ein Startwert für die Nummerierung festgelegt werden.

PCEtLSBPcmRlcmVkIGxpc3QgLS0+CjxvbCBzdGFydD0iNyI+CiAgPGxpPml0ZW0gMTwvbGk+CiAgPGxpPml0ZW0gMjwvbGk+CiAgPGxpPml0ZW0gMzwvbGk+CiAgPGxpPml0ZW0gNDwvbGk+Cjwvb2w+

## Verschachtelung von Listen
Sowohl `<ul>` als auch `<ol>` können ineinander verschachtelt werden, um Unterlisten zu erstellen. Zum Beispiel kann eine nummerierte Liste (`<ol>`) mit verschachtelten Aufzählungslisten (`<ul>`) für jedes Element erstellt werden.

PG9sPgogIDxsaT5vcmRlcmVkIGxpc3QgaXRlbSAxPC9saT4KICA8bGk+CiAgICBvcmRlcmVkIGxpc3QgaXRlbSAyCiAgICA8dWw+CiAgICAgIDxsaT51bm9yZGVyZWQgbGlzdCBpdGVtIDE8L2xpPgogICAgICA8bGk+dW5vcmRlcmVkIGxpc3QgaXRlbSAyPC9saT4KICAgICAgPGxpPnVub3JkZXJlZCBsaXN0IGl0ZW0gMzwvbGk+CiAgICA8L3VsPgogIDwvbGk+CiAgPGxpPm9yZGVyZWQgbGlzdCBpdGVtIDM8L2xpPgo8L29sPg==

Was sind die zwei Haupttypen von Listen in HTML?

Erlernen Sie die Grundlagen von HTML (HyperText Markup Language), dem Fundament der Webentwicklung. Dieser einsteigerfreundliche Kurs behandelt Tags, Attribute, Elemente und die Strukturierung von Webseiten. Erwerben Sie praktische Fähigkeiten im Erstellen von Überschriften, Absätzen, Listen, Bildern, Links, Formularen und Tabellen. Entdecken Sie Best Practices, Optimierung und Webzugänglichkeit. Beginnen Sie Ihre Webentwicklungsreise mit HTML.

Erkunden Sie die Funktionsweise des Webs. Erfahren Sie, wie Daten über Netzwerke übertragen werden, entdecken Sie die Rolle von Protokollen und entschlüsseln Sie die Geheimnisse von IP-Adressen und Domainnamen. Gewinnen Sie ein grundlegendes Verständnis darüber, wie Webbrowser und Server miteinander kommunizieren, um Webinhalte bereitzustellen.

Erkunden Sie die Möglichkeiten von Tags zur Strukturierung von Inhalten, von Überschriften und Absätzen bis hin zu Listen und Tabellen. Erfahren Sie, wie Sie Elemente mit Attributen erweitern können.

Der Kern der HTML-Dokumentstruktur. Lernen Sie die Bestandteile eines HTML-Dokuments kennen, einschließlich der Doctype-Deklaration, des Head- und Body-Bereichs. Verstehen Sie den Zweck jedes Elements und wie sie zur Gesamtstruktur einer Webseite beitragen.

Gestaltung einer ansprechenderen Webseite durch den Einsatz von Medien wie Bildern, Audio und Video. Umgang mit strukturierten tabellarischen Daten in Form von Tabellen.

Erkunden Sie die Vielseitigkeit von HTML-Formularen. Lernen Sie, intuitive und benutzerfreundliche Formulare durch Anwendung zentraler Konzepte und Techniken zu gestalten. Entdecken Sie, wie Formulare die Benutzerinteraktion und Datenübermittlung auf Websites ermöglichen.

Listen Organisieren

Ungeordnete Liste

Geordnete Liste

Verschachtelung von Listen

Listen Organisieren

Ungeordnete Liste

Geordnete Liste

Verschachtelung von Listen