HTML OL Liste Generator (sortiert)

Sortierte Liste mit Nummerierung – auch römisch oder mit Buchstaben.

← Alle HTML-Code-Generatoren

Spezifische Attribute

Ein Eintrag pro Zeile.

Generelle Attribute

Anwendung & Beispiele

Mit start="5" beginnt die Nummerierung bei 5. reversed kehrt die Reihenfolge um (z.B. Top-10-Listen).

FAQ

Wann nutze ich <ol> statt <ul>?

Wenn die Reihenfolge der Elemente bedeutsam ist — z.B. Schritt-für-Schritt-Anleitungen, Top-10-Listen, sortierte Rankings. Bei beliebiger Reihenfolge <ul>.

Wie starte ich bei einer anderen Zahl?

Mit <ol start="5"> beginnt die Nummerierung bei 5. Praktisch, wenn eine Liste durch ein Bild oder einen Absatz unterbrochen wird und danach weiterzählen soll.

Wie zähle ich rückwärts?

<ol reversed> zählt von hoch nach niedrig — z.B. für "Top 10"-Listen, wo Position 1 die wichtigste ist.

Wofür sind ID, Class und Title?

id identifiziert ein Element eindeutig (für CSS, JS, Anker-Links). class erlaubt CSS-Styling, mehrere Klassen werden mit Leerzeichen getrennt. title erzeugt einen Tooltip beim Hover.

Funktioniert der Code in allen Browsern?

Alle hier erzeugten Elemente sind valides HTML5 und werden in allen modernen Browsern (Chrome, Firefox, Safari, Edge, Opera) unterstützt. Bei sehr alten Browsern (z.B. IE 11) kann es bei einzelnen Input-Typen wie color oder date Einschränkungen geben.