Ads by ProfitSence
Close

HTML <li> Tag

Last Updated on Donnerstag 6. Okt. 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;
}