Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Erstellen und Verwenden von Listen in Html | HTML-Grundlagen
HTML-Grundlagen

bookErstellen und Verwenden von Listen in Html

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 stellen Elemente in einem Aufzählungsformat dar. Jedes Element in der Liste wird mit dem <li>-Tag (Listenelement) definiert. Ungeordnete Listen werden typischerweise verwendet, wenn die Reihenfolge der Elemente nicht relevant ist.
Beispiel:

index.html

index.html

copy

Im obigen Beispiel:

Die ungeordnete Liste (<ul>) zeigt Elemente mit Aufzählungspunkten 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 hervorgehoben werden soll.
Beispiel:

index.html

index.html

copy

Im obigen Beispiel:

Die Liste ist geordnet (<ol>) und zeigt die Elemente nummeriert an.

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 auf mehreren Hierarchieebenen zu organisieren.
Beispiel:

index.html

index.html

copy

Im obigen Beispiel:

  • Das zweite Listenelement ("Main item 2") enthält eine verschachtelte ungeordnete Liste (<ul>), wodurch eine hierarchische Struktur entsteht;
  • Jede verschachtelte Liste (<ul>) ist eingerückt, um die Hierarchieebene visuell darzustellen.

Videoanleitung

1. Welches Tag wird verwendet, um ungeordnete Listen zu erstellen?

2. Wann sollte eine geordnete Liste anstelle einer ungeordneten Liste verwendet werden?

3. Welches Tag fehlt in den Lücken (___)?

question mark

Welches Tag wird verwendet, um ungeordnete Listen zu erstellen?

Select the correct answer

question mark

Wann sollte eine geordnete Liste anstelle einer ungeordneten Liste verwendet werden?

Select the correct answer

question mark

Welches Tag fehlt in den Lücken (___)?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 7

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Suggested prompts:

Can you explain the difference between ordered and unordered lists again?

How do I create a nested list in HTML?

What are some best practices for using lists in HTML?

Awesome!

Completion rate improved to 3.13

bookErstellen und Verwenden von Listen in Html

Swipe um das Menü anzuzeigen

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 stellen Elemente in einem Aufzählungsformat dar. Jedes Element in der Liste wird mit dem <li>-Tag (Listenelement) definiert. Ungeordnete Listen werden typischerweise verwendet, wenn die Reihenfolge der Elemente nicht relevant ist.
Beispiel:

index.html

index.html

copy

Im obigen Beispiel:

Die ungeordnete Liste (<ul>) zeigt Elemente mit Aufzählungspunkten 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 hervorgehoben werden soll.
Beispiel:

index.html

index.html

copy

Im obigen Beispiel:

Die Liste ist geordnet (<ol>) und zeigt die Elemente nummeriert an.

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 auf mehreren Hierarchieebenen zu organisieren.
Beispiel:

index.html

index.html

copy

Im obigen Beispiel:

  • Das zweite Listenelement ("Main item 2") enthält eine verschachtelte ungeordnete Liste (<ul>), wodurch eine hierarchische Struktur entsteht;
  • Jede verschachtelte Liste (<ul>) ist eingerückt, um die Hierarchieebene visuell darzustellen.

Videoanleitung

1. Welches Tag wird verwendet, um ungeordnete Listen zu erstellen?

2. Wann sollte eine geordnete Liste anstelle einer ungeordneten Liste verwendet werden?

3. Welches Tag fehlt in den Lücken (___)?

question mark

Welches Tag wird verwendet, um ungeordnete Listen zu erstellen?

Select the correct answer

question mark

Wann sollte eine geordnete Liste anstelle einer ungeordneten Liste verwendet werden?

Select the correct answer

question mark

Welches Tag fehlt in den Lücken (___)?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 7
some-alt