BESTE WEBSITE FÜR WEBENTWICKLER
HTML5-Lektionen für Anfänger

Ua En Es

HTML -Listen


Mit HTML-Listen können Webentwickler eine Reihe zusammengehöriger Elemente in Listen gruppieren.


Beispiel

Eine ungeordnete HTML-Liste:

  • Artikel
  • Artikel
  • Artikel
  • Artikel

Eine geordnete HTML-Liste:

  1. Erstes Element
  2. Zweites Element
  3. Dritter Artikel
  4. Vierter Artikel
Try it Yourself »

Ungeordnete HTML-Liste

Eine ungeordnete Liste beginnt mit dem Tag <ul>. Jedes Listenelement beginnt mit dem Tag <li>.

Die Listenelemente werden standardmäßig mit Aufzählungszeichen (kleinen schwarzen Kreisen) markiert:

Beispiel

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>
Try it Yourself »

Geordnete HTML-Liste

Eine geordnete Liste beginnt mit dem Tag <ol>. Jedes Listenelement beginnt mit dem Tag <li>.

Die Listenelemente werden standardmäßig mit Nummern gekennzeichnet:

Beispiel

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
Try it Yourself »

HTML-Beschreibungslisten

HTML unterstützt auch Beschreibungslisten.

Eine Beschreibungsliste ist eine Liste von Begriffen mit einer Beschreibung jedes Begriffs.

Das Tag <dl> definiert die Beschreibungsliste, das Tag <dt> definiert den Begriff (Name) und das Tag <dd> beschreibt jeden Begriff:

Beispiel

<dl>
  <dt>Coffee</dt>
  <dd>- black hot drink</dd>
  <dt>Milk</dt>
  <dd>- white cold drink</dd>
</dl>
Try it Yourself »

HTML-Listen-Tags

Tag Beschreibung
<ul> Definiert eine ungeordnete Liste
<ol> Definieren Sie eine geordnete Liste
<li> Definiert ein Listenelement
<dl> Definiert eine Beschreibungsliste
<dt> Definiert einen Begriff in einer Beschreibungsliste
<dd> Beschreibt den Begriff in einer Beschreibungsliste

Eine vollständige Liste aller verfügbaren HTML-Tags finden Sie in unserer HTML-Tag-Referenz.



Kommentare