Tuesday, 4 July 2017

Cara Membuat Daftar/List di HTML

Di dalam HTML, tag list terdiri dari 2 jenis, yaitu ordered list (berurutan) dan unordered list (tidak berurutan). Ordered list berguna untuk menampilkan angka atau huruf, sedangkan unordered list akan menampilkan bulatan atau kotak.

Cara Membuat Daftar/List di HTML

Ordered list di tulis dengan menggunakan tag <ol>, dan unordered list ditulis menggunakan tag <ul>, sedangkan untuk list sendiri yaitu menggunakan tag <li>. Penjelasan ini akan lebih mudah dipahami bila kita menggunakan contoh.

Berikut ini adalah contoh kode HTML untuk membuat ordered list menggunakan tag <ol> :

Cara Membuat Daftar/List di HTML

Maka hasilnya akan tampak seperti dibawah ini pada browser.

Cara Membuat Daftar/List di HTML

Untuk membuat unordered list, kamu tinggal mengganti saja tag <ol> diatas menjadi <ul>.

Berikut ini adalah contoh kode HTML untuk membuat unordered list menggunakan tag <ul> :

Cara Membuat Daftar/List di HTML

Maka hasilnya akan seperti gambar dibawah ini.

Cara Membuat Daftar/List di HTML


Sebenarnya, penggunaan tag list pada HTML tidak hanya digunakan untuk membuat daftar / list saja. Karena dengan CSS, tag list dapat juga digunakan untuk membuat menu navigasi di dalam sebuah halaman web, contohnya saja seperti menu home, contact us, dll. 

Tag list juga dapat digunakan untuk sebagai nested list, atau yang biasa disebut list bersarang, yang artinya adalah sebuah list yang berada di dalam list lainnya.