HTML - Element: <ol>

Eine Nummerierte Liste definieren Sie mit den Tags <ol> und <li>. Mit dem Attribut start="" legen Sie den Startpunkt fest, ab welcher zu zählen begonnen wird.
Siehe auch Aufzählungsliste <ul> und Definitionsliste <dl>.

<!DOCTYPE html>
<html>
<head>
 <title>Nummerierte Liste</title>
</head>
<body>

<h1>Nummerierte Liste</h1>

<ol>
 <li>Listenpunkt</li>
 <li>Listenpunkt</li>
 <li>Listenpunkt</li>
 <li>Listenpunkt</li>
</ol>

<ol start="90">
 <li>Listenpunkt</li>
 <li>Listenpunkt</li>
 <li>Listenpunkt</li>
 <li>Listenpunkt</li>
</ol>

<ol reversed="reversed">
 <li>Listenpunkt</li>
 <li>Listenpunkt</li>
 <li>Listenpunkt</li>
 <li>Listenpunkt</li>
</ol>

</body>
</html>

Das Attribut: reversed="reversed" wird nicht vom Internet Explorer unterstützt.
Beispiel anzeigen

Mit CSS können Sie bestimmen wie die Nummerierung dargestellt wird.

<!DOCTYPE html>
<html>
<head>
 <title>Nummerierte Liste bestimmen</title>
</head>
<body>

<h1>Nummerierte Liste bestimmen</h1>

<ol style="list-style-type: decimal">
 <li>Listenpunkt</li>
 <li>Listenpunkt</li>
</ol>

<ol style="list-style-type: lower-roman">
 <li>Listenpunkt</li>
 <li>Listenpunkt</li>
</ol>

<ol style="list-style-type: upper-roman">
 <li>Listenpunkt</li>
 <li>Listenpunkt</li>
</ol>

<ol style="list-style-type: lower-alpha">
 <li>Listenpunkt</li>
 <li>Listenpunkt</li>
</ol>

<ol style="list-style-type: upper-alpha">
 <li>Listenpunkt</li>
 <li>Listenpunkt</li>
</ol>

<ol style="list-style-type: decimal-leading-zero">
 <li>Listenpunkt</li>
 <li>Listenpunkt</li>
</ol>

</body>
</html>

Beispiel anzeigen

Tipp

CSS-Counter: Nummerierungen für HTML-Elemente - Mit dem CSS-Counter lassen sich beliebige HTML-Elemente nummerieren.

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<form> Formular

CSS - Pop-up-Bucheffekt

PHP - Einzelnes Element aus einem Array löschen

JavaScript - Alle Checkboxen auf einmal auswählen

MySQL - Mit mehreren Begriffen gleichzeitig suchen

Homepage-Umzug
Sollten Sie einmal mit Ihrer Homepage umziehen, dann teilen Sie es den Besuchern auch mit. Lassen Sie unter der alten Adresse einen Hinweis und einen Link auf die neue Seite zurück. Vorsicht ist bei automatischen Weiterleitungen geboten. Stellen Sie auf jeden Fall einen alternativen Link zur Verfügung, falls die automatische Weiterleitung nicht funktioniert.