Tidak seperti microsoft word yang sudah menyediakan macam-macam menu untuk membuat daftar list, dalam html kita diharuskan membuat secara manual. Apa sih kegunaan list? List biasanya digunakan untuk mengurutkan suatu daftar, seperti nomor urut, antrian dan lainnya. Pada kesempatan kali ini saya mau berbagi 3 jenis list yaitu Ordered List, unOrdered List dan Definition List. Pertama saya jelaskan dulu perbedaannya berdasarkan kegunaannya.
- Ordered List : Digunakan untuk membuat daftar list dengan nomor 1,2,3 dst.
- unOrderet List : Digunakan untuk membuat daftar list dengan simbol lingkaran hitam.
- Definition List : Digunakan untuk membuat daftar list yang masih mempunya sub-list (list di dalam list).
<html> <head> <title> Ordered List, UnOrdered List dan Definision List </title> </head> <body> <h1> List HTML</h1> <!-- kode <hr> digunakan untuk membuat garis panjang --> <hr> Ordered List : <ol> <li>List 1</li> <li>List 2</li> <li>List 3</li> </ol> <hr> UnOrdered List : <ul> <li>unList 1</li> <li>unList 2</li> <li>unList 3</li> </ul> <hr> Definition List : <dl> <dt>Menu List 1</dt> <dd>List A</dd> <dd>List B</dd> <br> <dt>Menu List 2</dt> <dd>List A</dd> <dd>List B</dd> </dl> <hr> </body> </html>
Bagaimana? Cukup mudah kan? Setelah di jalankan nanti tampilannya kurang lebih akan seperti gambar di bawah ini.
Demikian dulu untuk kali ini, sampai jumpa lagi pada postingan selanjutnya. Semoga artikel ini bisa memberi manfaat bagi kita semua. Amiin.
Tidak ada komentar:
Posting Komentar
Berkomentarlah yang sopan, jika ada yang tidak berkenan mohon dimaafkan.