NESTED LIST

NESTED LIST

Salah satu fitur list yang paling menarik dari HTML ialah kemampuan untuk membangun list di dalam list. Sebuah ordered list dapat dituliskan kembali di dalam unordered list, yang keduanya berada di dalam definiton list, ataupun sebaliknya. Sama sekali tidak ada batasan dalam menuliskan list di dalam lsit, selain permasalahan makna semantik tentunya.Jadi nested list adalah dalam sebuah list terdapat list lain. Atau gampangnya, list dalam list. Pada praktikum ini menggabungkan 3 tag yaitu tag < ul >,< li >, dan < ul >.

Contoh Coding

<h1> Cara Memasak Mi Instan </h1>
<ol>
<li>Masukkan 2 gelas belimbing air ke dalam panci</li>
<li>Masukkan mie instan ke dalam panci</li>
<ul>
<li> Anda dapat memasukkan telur jika mau</li>
<li> Sebelum mie dimasukkan, pastikan air telah agak mendidih</li>
<li> Sebaiknya mie dipotong dahulu, supaya mie tidak terlalu panjang</li>
</ul>
</li>
<li>Rebus mie instan selama kurang lebih 3 menit</li>
<li>Siapkan mangkuk</li>
<li>Tuangkan mie ke dalam mangkuk</li>
</ol>

Screenshot

Kesimpulan

Kesimpulan yang dapat diambil adalah nested list ini tidak berbeda jauh dengan order dan unordered list.
Nested list juga termasuk dalam jenis – jenis list yang ada di HTML. Hanya saja, nested list ini berguna untuk membuat list dalam list. Perbedaannya pada praktikum ini, menggunakan numering sedangkan pada praktikum sebelumnya menggunakan bullet.


Leave a Reply