HTML UL Liste Generator (unsortiert)
Aufzählungsliste mit Bullet-Points (Punkte). Pro Zeile ein Eintrag.
Anwendung & Beispiele
Listenpunkte lassen sich mit CSS list-style-type in andere Symbole umwandeln (square, circle, none).
FAQ
Wie ändere ich das Bullet-Symbol?
Per CSS list-style-type: disc (Punkt), circle (Kreis), square (Quadrat), none (keine). Für eigene Symbole: list-style: none plus ::marker oder Background-Image.
Kann ich verschachtelte Listen erzeugen?
Ja — <li> kann eine weitere <ul> oder <ol> enthalten. Browser ziehen die Verschachtelung optisch automatisch ein.
Wie erstelle ich eine horizontale Navigation aus einer <ul>?
Per CSS: ul { display: flex; list-style: none; padding: 0; }. Klassiker für Navigations-Menüs.
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.