Kursinhalt
Html-Grundlagen
Html-Grundlagen
Listen
Listen werden verwendet, um Informationen in einem strukturierten Format zu organisieren und darzustellen. Es gibt zwei Haupttypen von Listen: ungeordnete Listen (<ul>
) und geordnete Listen (<ol>
).
Ungeordnete Listen
Ungeordnete Listen präsentieren Elemente in einem Aufzählungsformat. Jedes Element in der Liste wird mit dem <li>
(Listenelement) Tag definiert. Ungeordnete Listen werden typischerweise verwendet, wenn die Reihenfolge der Elemente nicht wichtig ist.
Beispiel:
index.html
Im obigen Beispiel:
Die ungeordnete Liste (<ul>
) zeigt Elemente mit Aufzählungszeichen an.
Geordnete Listen
Geordnete Listen zeigen Elemente in einer nummerierten Reihenfolge an. Jedes Element in der Liste wird mit dem <li>
(Listenelement) Tag definiert. Geordnete Listen werden verwendet, wenn die Reihenfolge der Elemente wichtig ist und betont werden muss.
Beispiel:
index.html
Im obigen Beispiel:
Die Liste ist geordnet (<ol>
), wobei die Elemente mit Zahlen angezeigt werden.
Verschachtelte Listen
Listen können auch ineinander verschachtelt werden, um hierarchische Strukturen zu erstellen. Das bedeutet, dass ein Listenelement (<li>
) innerhalb einer Liste (<ul>
oder <ol>
) selbst eine weitere Liste enthalten kann. Dies ist nützlich, um komplexe Informationen in mehreren Hierarchieebenen zu organisieren.
Beispiel:
index.html
Im obigen Beispiel:
- Das zweite Listenelement (
"Main item 2"
) enthält eine verschachtelte ungeordnete Liste (<ul>
), die eine hierarchische Struktur erstellt; - Jede verschachtelte Liste (
<ul>
) ist eingerückt, um ihre hierarchische Ebene visuell anzuzeigen.
Video Tutorial
1. Welches Tag wird verwendet, um ungeordnete Listen zu erstellen?
2. Wann würden Sie eine geordnete Liste anstelle einer ungeordneten Liste verwenden?
3. Welches Tag fehlt in den Lücken (___)?
Danke für Ihr Feedback!