HTML-Listen-Generator

Generieren Sie geordnete und ungeordnete HTML-Listen aus Ihrem Text.

Listenelemente

Geben Sie ein Listenelement pro Zeile ein:

Listentyp:

So verwenden Sie HTML-Listen-Generator

1
Listenelemente eingeben
Geben Sie Ihre Elemente in das Feld ein oder fügen Sie sie ein und setzen Sie jedes Element in eine eigene Zeile.
2
Listentyp wählen
Wählen Sie eine ungeordnete Liste (ul) für Aufzählungspunkte oder eine geordnete Liste (ol) für nummerierte Elemente.
3
Erweiterte Optionen festlegen
Öffnen Sie optional die erweiterten Optionen, um eine Listen-ID, eine Listenklasse, eine Elementklasse oder eine benutzerdefinierte Startnummer hinzuzufügen.

4
Erzeugen und kopieren
Klicken Sie auf „HTML-Liste erzeugen“ und kopieren Sie dann das gebrauchsfertige ul/ol-Markup in die Zwischenablage.

Häufig gestellte Fragen

Was ist der Unterschied zwischen der Option für ungeordnete und für geordnete Listen?

Ungeordnet erzeugt <ul> mit Aufzählungs-<li>-Elementen, während geordnet <ol> mit nummerierten Elementen erzeugt. Wählen Sie die Variante, die dazu passt, wie die Liste auf Ihrer Seite erscheinen soll.

Kann ich der erzeugten Liste CSS-Klassen oder eine ID hinzufügen?

Ja. Verwenden Sie die erweiterten Optionen, um eine Listen-ID, eine Klasse für das <ul>/<ol>-Element und eine Klasse für jedes <li> festzulegen, sodass die Ausgabe direkt in Ihre vorhandenen Stile passt.

Wie erstelle ich eine nummerierte Liste, die mit einer anderen Zahl als 1 beginnt?

Wechseln Sie zu einer geordneten Liste und legen Sie das Feld „Startnummer“ in den erweiterten Optionen fest. Dadurch wird dem <ol> ein start-Attribut hinzugefügt, sodass die Nummerierung dort beginnt, wo Sie es wünschen.

Werden Leerzeilen in leere Listenelemente umgewandelt?

Nein. Leere Zeilen oder Zeilen, die nur aus Leerraum bestehen, werden ignoriert, sodass nur nicht-leere Zeilen zu <li>-Elementen werden und Sie keine versehentlichen leeren Aufzählungspunkte erhalten.

Ist das erzeugte HTML sicher überall einfügbar?

Ja. Das Markup ist schlichter, standardkonformer ul/ol/li-Code, der vollständig in Ihrem Browser erzeugt wird, sodass nichts hochgeladen wird und Sie ihn in jede Website, jedes CMS oder jeden Editor einfügen können.

HTML-Listen-Generator

So verwenden Sie HTML-Listen-Generator

Häufig gestellte Fragen

Verwandte Tools