Membuat list dengan HTML 2

Pada artikel ini saya akan membahas bagaimana membuat list di dalam list. Caranya sebenarnya mudah. Cukup membuat list seperti biasa, lalu masukkan lagi bentuk list kedalam list utamanya.

Oke, langsung saja.

-----------------mulai kode html----------------------

<ul>
<li>Konsol Video Game</li>
<ul>
<li>Playstation 2</li>
<li>Playstation 3</li>
<li>XBOX 360</li>
<li>Wii</li>
</ul>
</ul>

-----------------akhir kode html----------------------

Penjelasan:

++ kita lihat kode diatas. diawal kita membuat tag <ul> diikuti tag<li></li>. Lalu dibawah tag <li></li> kita tulis lagi tag <ul>, <li></li> dan ditutup tag </ul>. Setelah itu ditutup lagi dengan tag </ul> dimana tag terakhir ini untuk menutup tag <ul> yang paling awal. ++ Jadi yang terpenting disini adalah harus teliti untuk memasukkan tag list yang baru kedalam tag list utamanya.

Contoh lain:

-----------------mulai kode html----------------------

<ul>
<li>Mobil</li>
<ul>
<li>Jepang</li>
<ul>
<li>Toyota</li>
<li>Honda</li>
</ul>
<li>Korea</li>
<ul>
<li>KIA</li>
<li>Hyundai</li>
</ul>
</ul>

<li>Motor</li>
<ul>
<li>Jepang</li>
<ul>
<li>Yamaha</li>
<li>Honda</li>
<li>Suzuki</li>
</ul>
<li>Itali</li>
<ul>
<li>Ducatti</li>
<li>Aprilia</li>
</ul>
</ul>
</ul>

-----------------akhir kode html----------------------

Contoh-contoh di atas adalah untuk unordered list. Untuk membuat yang ordered list dan definition list caranya sama saja.