Sie sind hier: Startseite -> HTML-Grundlagen -> li-Tag (Listen -> Listeneintrag)

Listeneintrag in Aufzählungslisten mit HTML und li-Tag

Inhalt für die Liste

Aufzählungslisten in HTML, wenn es sich um eine ungeordnete (UL-Tag) oder nummerierte (OL-Tag) Liste handelt, werden durch den Befehl für das "list Item", kurz dem li-Tag gefüllt. Das bedeutet, dass ungeachtet der Art der Liste der gleiche Befehl genutzt wird, um einen weiteren Punkt hinzuzufügen.

Die Kunst besteht darin, jeden Punkt mit dem li-Tag zu beginnen und auch mit /li zu beenden, sonst kommt die Liste mit einer fehlerhaften Darstellung daher. Im HTML-Editor ist das egal, weil man sich um den Text kümmert und die Tags vom Editor selbst an den richtigen Stellen eingefügt werden.

Listeneinträge durch den li-Tag für Webseiten

Das Beispiel zeigt eine ungeordnete Liste mit verschiedenen Einträgen. Jeder li-Tag steht für einen Unterpunkt. Der Unterpunkt kann dabei auch mehrzeilig sein, das heißt, dass auch längere Texte oder Beschreibungen möglich sind.

li-Tag gibt die Struktur vor

Somit bleibt die übersichtliche Struktur der Aufzählungsliste erhalten und man kann trotzdem ausführlicher werden, wenn dies denn nötig sein sollte. Romane sollte man aber trotzdem keine in die Aufzählungsliste eingeben, weil sonst einfache Absätze die bessere Option sind. Oftmals sieht man umfangreiche FAQ-Listen, die mit Aufzählungslisten definiert wurden, doch der Effekt geht verloren, wenn die Texte zu lange sind. Dann fehlt eher der Platz, den das Einrücken für sich in Anspruch nimmt.

Der li-Tag passt sich der Liste an und kann per CSS formatiert werden. So könnte man den Abstand zu weiteren Punkten festlegen und weitere Darstellungsmerkmale verändern. Beim Verschachteln einer Liste spielt die Reihenfolge für den li-Tag keine Rolle. Er orientiert sich an der Liste, in der er eingetragen ist. Dass diese in einem übergeordneten Punkt integriert sein könnte, ist für den li-Tag nicht relevant.

Lesen Sie auch

Die Aufzählungslisten sind neben den Tabellen eine weitere Möglichkeit, um Informationen gefällig aufzubereiten. Mit wenigen Worten kann man Fakten aneinanderreihen, wobei es die ungeordnete Liste mit dem gleichen Listensymbol gibt und die geordnete Liste mit einer Nummerierung. Stets dabei ist der li-Tag, mit dem jeder Eintrag definiert wird.

Themenseiten

Diesen Artikel teilen

Infos zum Artikel

Listeneintrag in HTMLArtikel-Thema: Listeneintrag in Aufzählungslisten mit HTML und li-Tag
Beschreibung: Mit dem 🌍 li-Tag wird in HTML ein weiterer Punkt zu einer ✅ Aufzählungsliste für die Webseite hinzugefügt.

Kategorien

Grundlagen
HTML-Grundlagen
CSS-Grundlagen
Javascript-Grundlagen
PHP-Grundlagen
MySQL-Grundlagen
SEO-Grundlagen

Infos, Tipps, Vermarktung
Webdesign-Lexikon
Online-Werbung
PHP-Codeschnipsel
Praxisartikel