Cara Membuat Daftar/List Pada HTML

Kali ini saya akan mememberikan tutorial Cara Membuat Daftar/List Pada HTML, ok langsung saja kita simak

Dalam HTML, tag list terdiri dari 2 jenis, ordered list (berurutan) dan unordered list (tidak berurutan)

Ordered list akan ditampilkan dengan angka atau huruf, sedangkan unordered list dengan bulatan atau kotak.

Ordered list menggunakan tag <ol>, dan unordered list menggunakan tag <ul>, sedangkan untuk list sendiri menggunakan tag <li>

Contoh penggunaan tag ordered list <ol>:

<!DOCTYPE html><html><head><title>penggunaan tag list </title></head><body><h1>daftar belanjaan</h1><ol><li>Minyak </li><li>Sabun </li><li>deterjen</li><li>shampoo</li><li>obat</li></ol></body></html>

dan hasilnya :

Untuk menjadi unordered list, tinggal ganti tag <ol> menjadi <ul>.
Contoh penggunaan tag unordered list <ul>:

<!DOCTYPE html><html><head><title>penggunaan tag list </title></head><body><h1>daftar belanjaan</h1><ul><li>Minyak </li><li>Sabun </li><li>deterjen</li><li>shampoo</li><li>obat</li></ul></body></html>

dan hasilnya :

Langkah terakhir adalah menyimpannya dan ingat simpan dengan nama .html
Penggunaan tag list pada HTML tidak hanya untuk membuat daftar saja. Dengan CSS, tag list dapat digunakan untuk membuat menu navigasi di dalam halaman web, seperti menu home, dan daftar link pada sidebar halaman ini. Tag list juga dapat digunakan untuk nested list, atau list bersarang, yang artinya sebuah list di dalam list lainnya.

Sekian postingan dari saya tentang Cara Membuat Daftar/List Pada HTML dan semoga bermanfaat.

Cara Membuat Daftar/List Pada HTML

Belum ada Komentar untuk "Cara Membuat Daftar/List Pada HTML"

Posting Komentar