HTML <li> Tag

Zuletzt aktualisiert am Sonntag 13. März 2022

HTML li

Eine bestellte (<ol>) und eine ungeordnete (<ul>) HTML-Liste

	<ol>
  <li>Emma</li>
  <li>Leah</li>
  <li>Lena</li>
</ol>

<ul>
  <li>Jonas</li>
  <li>Luca</li>
  <li>Fynn</li>
</ul>
	

Definition und Verwendung li

Das <li> Tag definiert einen Listenelement.

Das <li> Tag wird in bestellten Listen (<ol>), ungeordneten Listen (<ul>), und in Menülisten (<Menu>) verwendet.

In <ul> und <menu> werden die List-Elemente in der Regel mit Kugelpunkten angezeigt.

In <ol> werden die Listenelemente normalerweise mit Zahlen oder Buchstaben angezeigt.

Global und Event Attribute

Das <li> Tag unterstützt auch die Global und Event Attribute.

Beispiel 1 html li

	<ol>
  <li value="11">Lukas</li>
  <li>Felix</li>
  <li>Noah</li>
</ol>
	

Beispiel 2 ul li html

Erstellen einer verschachtelten Liste

	<ul>
  <li>Stefan</li>
  <li>Karl
    <ul>
      <li>Karl Marx</li>
      <li>Karl benz</li>
    </ul>
  </li>
  <li>Klaus</li>
</ul>
	

Standard-CSS-Einstellungen

Die meisten Browser zeigen das <li> element mit den folgenden Standardwerten an

	li {
  display: list-item;
}