HTML Liste

HTML unterstützt geordnete, ungeordnete und Definitionslisten:

HTML-Liste

Geordnete Liste

  1. Erstes Listenelement
  2. Zweites Listenelement
  3. Drittes Listenelement

Ungeordnete Liste

  • Listenelement
  • Listenelement
  • Listenelement
实例

Online-Beispiel

Ungeordnete Liste
Dieses Beispiel veranschaulicht eine ungeordnete Liste.

Geordnete Liste
Dieses Beispiel veranschaulicht eine geordnete Liste.

(Weitere Beispiele finden Sie unten auf dieser Seite.)

Ungeordnete HTML-Liste

Eine ungeordnete Liste ist eine Liste von Elementen; jedes Element ist mit ausgefüllten Kreisen (typischerweise kleinen schwarzen Kreisen) markiert.

Ungeordnete Liste verwendet das <ul>-Tag

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

Der Browser zeigt Folgendes an:

  • Kaffee
  • Milch

Geordnete HTML-Liste

Ebenso ist eine geordnete Liste eine Liste von Elementen; jedes Element ist mit Nummern markiert. Eine geordnete Liste beginnt mit dem <ol>-Tag. Jedes Listenelement beginnt mit dem <li>-Tag.

Listeneintrag verwendet Nummern zur Kennzeichnung

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

Der Browser zeigt Folgendes an:

  1. Kaffee
  2. Milch

Benutzerdefinierte HTML-Liste

Eine benutzerdefinierte Liste ist nicht nur eine Liste von Elementen, sondern eine Kombination aus Elementen und ihren Kommentaren.

Eine benutzerdefinierte Liste beginnt mit dem <dl>-Tag. Jeder Eintrag der benutzerdefinierten Liste beginnt mit dem <dt>-Tag. Die Definition jedes Eintrags der benutzerdefinierten Liste beginnt mit dem <dd>-Tag.

<dl>
<dt>Kaffee</dt>
<dd>- schwarzes heißes Getränk</dd>
<dt>Milch</dt>
<dd>- weißes kaltes Getränk</dd>
</dl>

Der Browser zeigt Folgendes an:

Kaffee
- schwarzes heißes Getränk
Milch
- weißes kaltes Getränk

Wichtige Hinweise - Nützliche Tipps

Tipp:Listenelemente können Absätze, Zeilenumbrüche, Bilder, Links und andere Listen usw. enthalten.

Examples

Weitere Beispiele

Verschiedene Arten von geordneten Listen
Dieses Beispiel demonstriert verschiedene Arten von geordneten Listen.

Verschiedene Arten von ungeordneten Listen
Dieses Beispiel demonstriert verschiedene Arten von ungeordneten Listen.

Verschachtelte Liste
Dieses Beispiel demonstriert, wie Listen verschachtelt werden.

Verschachtelte Liste 2
Dieses Beispiel demonstriert komplexere verschachtelte Listen.

Benutzerdefiniertes Listenelement
Dieses Beispiel demonstriert eine Definitionsliste.

HTML-Listen-Tag

Tag Beschreibung
<ol> Definition der geordneten Liste
<ul> Definition der ungeordneten Liste
<li> Definition des Listenelements
<dl> Definitionsliste
<dt> Benutzerdefiniertes Listenelement
<dd> Definitionsbeschreibung eines benutzerdefinierten Listenelements
Andere Erweiterungen