Belajar Element HTML: <li>

Tag <li> mewakili setiap item daftar dalam daftar berurutan (<ol>) dan daftar tidak berurutan (<ul>).

Tag <li> dalam daftar berurutan (ol) biasanya ditampilkan dengan penghitung naik di sebelah kiri seperti angka atau huruf.

Sedangkan tag li dalam daftar tidak berurutan (ul) akan ditampilkan menggunakan poin-poin.

Syntax

Tag <li> ditulis seperti <li></li> dengan item daftar disisipkan diantara tag pembuka dan penutup.

Tag li ini harus ditempatkan didalam elemen <ol> (Ordered List) atau elemen <ul> (Unordered List).

Seperti ini:

<ul>
	<li>Daftar item...</li>
	<li>Daftar item...</li>
	<li>Daftar item...</li>
</ul>

Contoh Daftar tidak Berurutan

<ul>
  <li>Merah</li>
  <li>Kuning</li>
  <li>Hijau</li>
</ul>

Contoh Daftar Berurutan

<ol>
  <li>Merah</li>
  <li>Kuning</li>
  <li>Hijau</li>
</ol>

Pengaturan Default CSS

Sebagian besar browser menampilkan elemen <li> dengan pengaturan CSS:

li {
  display: list-item;
}