Membuat daftar tersarang nested list elemen HTML ul ol li
Membuat Daftar Tersarang (Nested List) Di HTML
Di artikel Membuat Daftar Terurut Dan Tidak Terurut Di HTML, Anda dapat mempelajari bagaimana membuat daftar terurut (ordered list) dan tidak terurut (unordered list). Sebuah daftar terurut atau tidak terurut juga dapat terletak di daftar terurut atau tidak terurut yang lain. Sebuah daftar (list) yang berada di daftar (list) yang lain disebut dengan daftar tersarang (nested list).

Dalam pembuatannya, Anda tinggal mengulangi langkah pembuatan daftar terurut atau daftar tidak terurut untuk diletakkan di daftar terurut atau daftar tidak terurut yang lain. Untuk membuat daftar tersarang, elemen HTML yang digunakan tetap sama yaitu ul, ol dan li.

1. Daftar tersarang tidak terurut (unordered nested list).

<!DOCTYPE html>
<html>
<head>
<title>Membuat Daftar Tersarang (Nested List) Di HTML</title>
</head>
<body>
<p>Daftar minuman kesukaanku:</p>
<ul>
   <li>Kopi (coffee).</li>
   <ul>
      <li>Kopi putih (white coffee).</li>
      <li>Kopi hitam (black coffee).</li>
   </ul>
   <li>Teh (tea).</li>
   <ul>
      <li>Teh hijau (green tea).</li>
      <li>Teh hitam (black tea).</li>
   </ul>
   <li>Susu (milk).</li>
</ul>
</body>
</html>

Membuat daftar terurut ordered tidak terurut unordered tersarang nested list di HTML

2. Daftar tersarang terurut (ordered nested list).

<!DOCTYPE html>
<html>
<head>
<title>Membuat Daftar Tersarang (Nested List) Di HTML</title>
</head>
<body>
<p>Daftar minuman kesukaanku:</p>
<ul>
   <li>Kopi (coffee).</li>
   <ol>
      <li>Kopi putih (white coffee).</li>
      <li>Kopi hitam (black coffee).</li>
   </ol>
   <li>Teh (tea).</li>
   <ol>
      <li>Teh hijau (green tea).</li>
      <li>Teh hitam (black tea).</li>
   </ol>
   <li>Susu (milk).</li>
</ul>
</body>
</html>

Membuat daftar terurut ordered tidak terurut unordered tersarang nested list di HTML

Produk Populer

Murah Taffware OKD180 power supply station 220V 69800mAh
Taffware OKD180 Power Supply Station Generator 220V 69800mAh
Rp 1.045.500
(4.8/5)
Murah Fosi Audio DA2120C Power Amplifier
Fosi Audio DA-2120C Bluetooth 5.0 Amplifier 2.1 Channel with Remote
Rp 2.138.900
(5/5)
Murah Fosi Audio BT30D Pro Power Amplifier
Fosi Audio BT30D PRO Bluetooth 5.0 Amplifier 2.1 Channel 165x2+350W
Rp 1.298.600
(5/5)
Murah Taffware OKD320A Power Supply Station 84000mAh 300W
TAFFWARE OKD320A Power Supply Station Generator Portable 84000mAh 300W
Rp 1.543.500
(4.8/5)

Dapatkan DISKON dan GRATIS ONGKIR untuk pembelian melalui aplikasi Tokopedia.