HTML-Liste

HTML unterstützt geordnete, ungeordnete und definierte Listen

Beispiel

Nicht geordnete Liste
Dieses Beispiel zeigt eine nicht geordnete Liste.
有序列表
Dieses Beispiel zeigt eine geordnete Liste.

(Mehr Beispiele finden Sie am Ende dieser Seite)

Nicht geordnete Liste

Eine nicht geordnete Liste ist eine Liste von Projekten, die durch fette Kreise (typischerweise kleine schwarze Kreise) markiert werden.

Die nicht geordnete Liste beginnt mit dem <ul>-Tag. Jeder Listeinsatz beginnt mit dem <li>-Tag.

<ul>
<li>Kaffee</li>
<li>Milch</li>
</ul>

Der Browser zeigt wie folgt an:

  • Kaffee
  • Milch

Innerhalb der Listenpositionen können Absätze, Zeilenumbrüche, Bilder, Links sowie andere Listen usw. verwendet werden.

有序列表

Ebenso sind numerierte Aufzählungen eine Liste von Projekten, wobei die Listeneinträge durch Ziffern gekennzeichnet sind.

Numerierte Aufzählungen beginnen mit dem <ol>-Tag. Jeder Listeneintrag beginnt mit dem <li>-Tag.

<ol>
<li>Kaffee</li>
<li>Milch</li>
</ol>

Der Browser zeigt wie folgt an:

  1. Kaffee
  2. Milch

Innerhalb der Listenpositionen können Absätze, Zeilenumbrüche, Bilder, Links sowie andere Listen usw. verwendet werden.

Definitionsaufzählung

Benutzerdefinierte Listen sind nicht nur eine Liste von Projekten, sondern eine Kombination aus Projekten und deren Anmerkungen.

Benutzerdefinierte Listen beginnen mit dem <dl>-Tag. Jeder Benutzerdefinierte Listeneintrag beginnt mit dem <dt>-Tag. Die Definition eines jeden Benutzerdefinierten Listeneintrags beginnt mit dem <dd>-Tag.

<dl>
<dt>Kaffee</dt>
<dd>Schwarzer heißer Getränk</dd>
<dt>Milch</dt>
<dd>Weißer kalter Getränk</dd>
</dl>

Der Browser zeigt wie folgt an:

Kaffee
Schwarzer heißer Getränk
Milch
Weißer kalter Getränk

Innerhalb der Listenpositionen einer Definitionsaufzählung können Absätze, Zeilenumbrüche, Bilder, Links sowie andere Listen usw. verwendet werden.

Mehr Beispiele

Verschiedene Arten von nicht nummerierten Aufzählungen
Dieses Beispiel zeigt eine nicht nummerierte Aufzählung.
Verschiedene Arten von nummerierten Aufzählungen
Dieses Beispiel zeigt verschiedene Arten von nummerierten Aufzählungen.
Eingebettete Liste
Dieses Beispiel zeigt, wie man Listen eingebettet.
Eingebettete Liste 2
Dieses Beispiel zeigt komplexere eingebettete Listen.
Definitionsaufzählung
Dieses Beispiel zeigt eine Definitionsaufzählung.

Listentags

Tag Beschreibung
<ol> Definition der nummerierten Aufzählungen.
<ul> Definition der nicht nummerierten Aufzählungen.
<li> Definition der Definitionsaufzählungspositionen.
<dl> Definition der Definitionsaufzählungen.
<dt> Definition der Definitionseinträge.
<dd> Definition der definierten Beschreibung.
<dir> Veraltet. Verwenden Sie stattdessen <ul>.
<menu> Veraltet. Verwenden Sie stattdessen <ul>.