Pin It

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 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 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 tersarang (nested list) di HTML

Baca artikel terkait lainnya: