Halo teman – teman, selamat datang kembali di website tips dan trik Dumet School. Berjumpa lagi dengan saya dalam tips dan trik seputar dunia website, pada kesempatan kali ini saya akan memberikan tips tentang Mengenal type Value Pada Tag ul dan ol html 5. Dimana kedua tang ini berfungsi untuk membuat sebuat list, dengan menambahkan tag li di dalam tag ol dan ul.

Pada pembahasan kali ini kita akan membuat beberapa type pada list, dimana masing – masing type ini akan merubah jenis numeriknya. DI bawah ini adalah tabel macam-macam jenis value nya

Mengenal type Value Pada Tag ul dan ol html 5

Pada tabael di atas ini teman – teman bisa lihat macam – macam type pada tag ol beserta description nya

Mengenal type Value Pada Tag ul dan ol html 5

Untuk gambar di atas ini value di peruntukkan untuk tag ul, baik kita akan implementasikan Mengenal type Value Pada Tag ul dan ol html 5 teman – teman siapkan text editornya dan buat sebuat tag ol dan didalamnya berikan tag li sebanyak 5. Kemudian copy 1 grup ol dan paste sebayak 5 juga, selanjutnya buat tag ul dan berikan tag li di dalamnya sebanyak 5 dan copy grup ul sebanyak 3

Mengenal type Value Pada Tag ul dan ol html 5

Mengenal type Value Pada Tag ul dan ol html 5

Langkah berikutnya kita masukkan type numeriknya di dalam tah li,  dengan cara seperti gambar di bawah ini

Mengenal type Value Pada Tag ul dan ol html 5

Mengenal type Value Pada Tag ul dan ol html 5

Jika saya save dan jalankan pada browser maka akan menghasilkan output seperti gambar di bawah ini

Mengenal type Value Pada Tag ul dan ol html 5

Mengenal type Value Pada Tag ul dan ol html 5

Cukup jelas ya teman – teman, namun secara default tag ol memiliki type=”1″ dan ul memiliki type=”disc”. Coba teman – teman hapus semua type dan refresh pada browsernya, maka hasil dari tag ol dan ul secara default akan tampil seperti di bawah ini

Mengenal type Value Pada Tag ul dan ol html 5

Ini adalah tampilan ol secara default

Mengenal type Value Pada Tag ul dan ol html 5

Dan ini adalah tampilan ul secara default, cukup jelas ya teman – teman..??

Jika masih bungung silahkan pos komentar di bawah ini, oke sekian pada artikel kali ini tentang Mengenal type Value Pada Tag ul dan ol html 5 kita berjumpa kembali pada artikel berikutnya. Semoga bermanfaat, terimakasih dan sampai jumpa.