Halo semuanya, setelah kemarin kita membahas tentang HTML. Sekarang kita akan belajar bagaimana cara membuat list di HTML. Sebelum itu, kita harus mengetahui tag – tag yang akan digunakan untuk membuat sebuah list.
Halo semuanya, setelah kemarin kita membahas tentang HTML. Sekarang kita akan belajar bagaimana cara membuat list di HTML. Sebelum itu, kita harus mengetahui tag – tag yang akan digunakan untuk membuat sebuah list.
Tag yang bisa kita gunakan ada dua yaitu <ol> dan <ul>, ol (Ordered List) digunakan untuk membuat list yang berurutan. Sedangkan ul (Un-ordered List) digunakan untuk membuat list yang tidak berurutan. Dan untuk membuat list juga dibutuhkan tag <li> untuk menampung isi listnya. Silahkan lihat kode berikut ini.
Ini adalah sebuah HTML dengan menggunakan tag ol (Ordered List)
Yang dihasilkan dari kode diatas
Dan ini adalah kode list HTML menggunakan ul (Un-ordered List)
Yang dihasilkan dari kode diatas
Dari gambar diatas bisa kita lihat perbedaan dari tag <ol> dan tag <ul>. Tag <ol> membuat list yang berurutan dari 1 sampai 4, sedangkan tag <ul> membuat list yang tidak berurutan dengan titik hitam sebagai dekorasinya. Kita hanya perlu membuat list sesuai kebutuhan kita, apakah kita akan menggunakan tag <ol> atau <ul> dua – duanya sangat dibutuhkan
Selain tag kita juga harus mengetahui atribut yang ada di list. Apabila anda belum mengetahui apa itu atribut silahkan kunjungi ini.
- Penjelasan Mengenai HTML 10 Januari 2020
Atribut yang bisa kita gunakan di dalam tag list adalah “type”. Atribut “type” ini berguna untuk membuat dekorasi atau nomor di list berubah sesuai keinginan kita. Kita bisa menggunakan angka romawi di dalam Ordered List atau kita bisa menggunakan kotak di dalam Un-ordered List.
Sebenarnya tanpa kita menggunakan atribut “type” di Ordered List atau Un-ordered List sudah mempunyai nilai default, artinya tanpa kita tambahkan atribut nilai itu sudah ada seperti di Un-ordered List yang mempunyai nilai default yaitu “disc”. Tetapi apabila kalian ingin mengubahnya silahkan simak.
Caranya sangat mudah silahkan lihat kode berikut ini
Ini adalah kode Ordered List dengan type yang berbeda – beda
Yang dihasilkan dari kode diatas
Ini adalah kode Un-ordered List dengan kotak
Yang dihasilkan dari kode diatas
Sebenarnya masih cukup banyak value atau nilai yang bisa kita gunakan di atribut “type” tetapi saya hanya memberitahu cara menggunakannya. Mungkin sekian sampai sini tutorial membuat list dengan HTML. Sekian sampai jumpa lagi.
- Dokumen
- Blok
Tidak ada blok yang dipilih.Buka panel publikasikan
- Dokumen
Tag yang bisa kita gunakan ada dua yaitu <ol> dan <ul>, ol (Ordered List) digunakan untuk membuat list yang berurutan. Sedangkan ul (Un-ordered List) digunakan untuk membuat list yang tidak berurutan. Dan untuk membuat list juga dibutuhkan tag <li> untuk menampung isi listnya. Silahkan lihat kode berikut ini.
Ini adalah sebuah HTML dengan menggunakan tag ol (Ordered List)
Yang dihasilkan dari kode diatas
Dan ini adalah kode list HTML menggunakan ul (Un-ordered List)
Yang dihasilkan dari kode diatas
Dari gambar diatas bisa kita lihat perbedaan dari tag <ol> dan tag <ul>. Tag <ol> membuat list yang berurutan dari 1 sampai 4, sedangkan tag <ul> membuat list yang tidak berurutan dengan titik hitam sebagai dekorasinya. Kita hanya perlu membuat list sesuai kebutuhan kita, apakah kita akan menggunakan tag <ol> atau <ul> dua – duanya sangat dibutuhkan
Selain tag kita juga harus mengetahui atribut yang ada di list. Apabila anda belum mengetahui apa itu atribut silahkan kunjungi ini.
Atribut yang bisa kita gunakan di dalam tag list adalah “type”. Atribut “type” ini berguna untuk membuat dekorasi atau nomor di list berubah sesuai keinginan kita. Kita bisa menggunakan angka romawi di dalam Ordered List atau kita bisa menggunakan kotak di dalam Un-ordered List.
Sebenarnya tanpa kita menggunakan atribut “type” di Ordered List atau Un-ordered List sudah mempunyai nilai default, artinya tanpa kita tambahkan atribut nilai itu sudah ada seperti di Un-ordered List yang mempunyai nilai default yaitu “disc”. Tetapi apabila kalian ingin mengubahnya silahkan simak.
Caranya sangat mudah silahkan lihat kode berikut ini
Ini adalah kode Ordered List dengan type yang berbeda – beda
Yang dihasilkan dari kode diatas
Ini adalah kode Un-ordered List dengan kotak
Yang dihasilkan dari kode diatas
Sebenarnya masih cukup banyak value atau nilai yang bisa kita gunakan di atribut “type” tetapi saya hanya memberitahu cara menggunakannya. Mungkin sekian sampai sini tutorial membuat list dengan HTML. Sekian sampai jumpa lagi.
Aditya Alfarezy D 