Element <li> w HTML

Element <li> oznacza pojedynczy element listy w HTML. Występuje wewnątrz list uporządkowanych <ol> lub nieuporządkowanych <ul>.

Przykład w liście numerowanej

<ol>
  <li>HTML</li>
  <li>CSS</li>
</ol>

W przeglądarce elementy <li> zostaną ponumerowane, ponieważ znajdują się w <ol>.

Przykład w liście wypunktowanej

<ul>
  <li>HTML</li>
  <li>CSS</li>
</ul>

Tutaj elementy <li> zostaną pokazane jako punkty, ponieważ rodzicem jest <ul>.

Zagnieżdżanie list w

Element <li> może zawierać nie tylko tekst, ale również inne elementy HTML, w tym kolejne listy.

<li>muzyka
  <ul>
    <li>Wpis1</li>
    <li>Wpis2</li>
  </ul>
</li>

Oznacza to, że tekst muzyka jest elementem listy głównej, a Wpis1 i Wpis2 są elementami podlisty.

Ważne na egzaminie

Wygląd znacznika <li> zależy od tego, w jakiej liście się znajduje. W <ol> będzie numerowany, a w <ul> będzie wypunktowany.