HTML Dasar : List

Assalamu'alaikum Warahmatullahi Wabarakatuh,

Welcome Back Again Sobat! :D

Udah lama banget nih Mimin ngga posting di web ini, nah kali ini kita bakalan belajar yang yang baru loh Sob! :D. Yoi Sob sekaran kita pindah nih dari Desktop ke Web, ya tepat banget sekarang kita bakalan mulai belajar lagi tentang HTML. Nah kalau yang belum tau apa itu HTML, bisa dicoba searching sendiri di Google :D Wkwkwkwkwkwk, karena Mimin ngga bakalan jelasin HTML secara lengkap (Mungkin lain kesempatan), tapi disini Mimin baalan sharing nih Sob tentang "List". Oke langsung ajah disimak Sob! :D

Kali ini kita bakalan belajar List di HTML nih sob, kira kira Sobat tau nggak sih apa itu List? Hmmmmm, mari kita bahas. Jadi secara singkat, List merupakan bagian teks dari sebuah dokumen / halaman yang berisi daftar item dari suatu grup atau kelompok tertentu. Nah Sob, List ini di HTML ada 3 macem nih Sob, kira kira ada apa aja yah? :D kuy kita bahas satu satu Sob! :D

1) Ordered List "<ol>"

   Daftar item yang berurutan, biasanya ditandai dengan penggunaan penomoran tertentu. Seperti menggunakan angka ataupun karakter alphabet. Biasanya digunakan untuk menuliskan daftar yang berurutan seperti prosedur yang tidak bisa diacak.

*Gambar Penjelasan OL*

Jadi cara mengganti jenis penomoran, bisa menggunakan atribut "type". Misal "<ol type="a">", maka penomoran akan menggunakan karakter alphabet yang dimulai dari "a", dan seterusnya.

2) Unordered List "<ul>"

   Daftar item yang tidak berurutan, yaitu daftar yang item-itemnya dapat diubah posisinya secara acak. Maka dari itu Unordered List mengunakan tanda atau simbol tertentu.

*Gambar Penjelasan UL*

Jadi cara mengganti jenis penomoran, bisa menggunakan atribut "type". Misal "<ol type="circle">", maka penomoran akan menggunakan simbol lingkaran kosong.

3) Definition List "<dl>"

   Daftar Definisi adalah suatu daftar yang berisi kumpulan definisi dari suatu istilah tertentu, misalnya daftar definisi istilah HTML

*Gambar Contoh Istilah HTML*

Selain itu, khusus pada "ol" kita bisa mengganti di angka atau alphabet berapa kita memulai penomoran, caranya tinggal tambahkan lagi satu atribut pada "<ol>", yaitu "start="3"" angka yang dimasukan bebas sesuai selera. Kita juga bisa berkreasi dengan memadukan antara list yang satu dengan yang lainnya. Berikut ini merupakan contoh gabungan dari beberapa List :

 *Latihan 9*

 *Latihan 10*

 *Latihan 11*

*Latihan 12*

*Kodingan + SS *

Dan ini adalah salah satu karya, yang saya buat hanya mengandalkan HTML saja tanpa adanya CSS, jika Sobat ingin copas coba ganti gambar backgroundya sesuai dengan selera (Gunakan gambar yang beresolusi 1366x768 atau lebih, dan untuk profil bisa diganti sesuai selera)

*Kodingan + SS *

Mungkin kali ini, Mimin cuman bisa sharing itu, next time bakalan ada yang lebih keren lagi kok, so tetep Istiqomah buat baca di Blog ini oke sob ! :D Semangat sob, karena mimin juga masih belajar sampai sekarang,

Wassalamu'alaikum Warahmatullahi Wabarakatuh