BESTE WEBSITE FÜR WEBENTWICKLER
HTML CSS JAVASCRIPT SQL PYTHON PHP JAVA KOTLIN GO C C++ C# Django WIE MAN W3.CSS AI Mehr 🔍 ◑ Bücher VERWEISE ÜBUNGEN
HTML5-Lektionen für Anfänger

Ua En Es Fr

HTML -Geordnete Listen

❮ Prev Next ❯

Das HTML-Tag <ol> definiert eine geordnete Liste. Eine geordnete Liste kann numerisch oder alphabetisch sein.

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 markiert:

Beispiel

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

Geordnete HTML-Liste – Das Typattribut

Das Attribut type des Tags <ol> definiert den Typ der Listenelementmarkierung:

Typ Beschreibung
type="1" Die Listenelemente werden mit Zahlen nummeriert (Standard)
type="A" Die Listenelemente werden mit Großbuchstaben nummeriert
type="a" Die Listenelemente werden mit Kleinbuchstaben nummeriert
type="I" Die Listenelemente werden mit großen römischen Zahlen nummeriert
type="i" Die Listenelemente werden mit römischen Kleinbuchstaben nummeriert

Zahlen:

<ol type="1">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
Try it Yourself »

Großbuchstaben:

<ol type="A">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
Try it Yourself »

Kleinbuchstaben:

<ol type="a">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
Try it Yourself »

Römische Großbuchstaben:

<ol type="I">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
Try it Yourself »

Kleine römische Zahlen:

<ol type="i">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
Try it Yourself »

Kontrolllistenzählung

Standardmäßig beginnt eine geordnete Liste mit dem Zählen bei 1. Wenn Sie mit dem Zählen ab einer bestimmten Zahl beginnen möchten, können Sie das Attribut start verwenden:

Beispiel

<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
Try it Yourself »

Verschachtelte HTML-Listen

Listen können verschachtelt werden (Liste innerhalb der Liste):

Beispiel

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

Hinweis: Ein Listenelement (<li>) kann eine neue Liste und andere HTML-Elemente wie Bilder und Links usw. enthalten.

Kapitelzusammenfassung

  • Verwenden Sie das HTML-Element <ol>, um eine geordnete Liste zu definieren
  • Verwenden Sie das HTML-Attribut type, um den Nummerierungstyp zu definieren
  • Verwenden Sie das HTML-Element <li>, um ein Listenelement zu definieren
  • Listen können verschachtelt werden
  • Listenelemente können andere HTML-Elemente enthalten

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.

❮ Prev Next ❯

✍ Kommentare