Assalamu'alaikum Wr. Wb
Hai Temen-temen semua, kabar kalian gimana nih semoga sehat yaa, Yup kembali lagi bersama saya (jeng jeng jeng) mimin nisa hmm hmm hmm,kalian jangan bosen ya sama mimin karena akan banyak sekali pembahasan pembahasan menarik ke depannya gengs, mungkin akan membahas yang berhubungan dengan pemrograman web ya gengs, jadi yang suka buat web yook merapat sini ke blog min nisa.Kalian pasti bertanya-tanya "Min kali ini bahas apa?" Okeh min akan jawab kali ini kita akan membahas tentang List di HTML. "List itu apa min?"
List (daftar) adalah bagian teks di dalam dokumen yang
berisi daftar item
dari suatu kelompok atau grup tertentu. Sebagai contoh, dalam situs web
yang bertema kuliner,
list dapat berupa daftar dari makanan dan minuman, beserta harganya.
List dapat juga berupa prosedur (urutan langkah-langkah) darisuatu pekerjaan tertentu,
yang sifatnya harus dilakukan secara berurutan dari langkah pertama sampai langkah terakhir.
Contohnya:
Dalam HTML list dibagi menjadi 3 yaitu :
> Daftar berurutan (ordered list)
> Daftar tak berurutan (unordered list)
> Daftar definisi (definition list)
Tag tag untuk membuat list :
<ol > = Order List, tag html berfungsi untuk membuat nomor daftar urut, bisa berupa angka, huruf atau angka romawi.
<li> = List Item, tag yang berada di elemen OL dan UL yang berbentuk list
<ul> = Unorder List, tag html berfungsi untuk membuat daftar tanpa nomor urut (dalam format bullet)
<dd> = Mendefinisaikan deskripsi dari item dalam daftar definisi <penjelasan>
<dt> = Mendefinisikan istilah (item) dalam daftar definisi <istilah>
<li> = List Item, tag yang berada di elemen OL dan UL yang berbentuk list
<ul> = Unorder List, tag html berfungsi untuk membuat daftar tanpa nomor urut (dalam format bullet)
<dd> = Mendefinisaikan deskripsi dari item dalam daftar definisi <penjelasan>
<dt> = Mendefinisikan istilah (item) dalam daftar definisi <istilah>
1. Daftar berurutan (Ordered list)
Sesuai dengan namanya berurutan, yang berarti disini kita bisa membuat list yang tidak boleh acak seperti langkah langkah, tutorial, maupun prosedur. Nah dibawah ini merupakan type ordered list:
Ini dia contoh codingan ordered list gengs:
Jika dibuka di browser maka hasilnya akan seperti ini ya:
2. Daftar tak berurutan (unordered list)
Sesuai namanya tak berurutan yang berarti dinidi kita bisa membuat list secara acak ya gengs, biasanya dipakai untuk list item yoo, Ini dia type type di dalam unordered list:
Nah ini dia codingannya:
Jika dibuka di browser maka hasilnya akan seperti ini:
3.Daftar definisi (definition list)
Daftar definisi ini digunakan untuk membuat daftar definisi dari istilah-istilah yang ada dalam dokumen, digunakan terutama untuk glosarium dan indeks. Contohnya gengs:
Jika di buka di browser hasilnya akan jadi seperti ini:
4. Part Bonus
List kombinasi:
Hasilnya jika dibuka di browser:
5. Biodata
Jika ada yang penasaran tentang mimin nih,mimin kasih deh biodata mimin yak, jangan lupa follow ig min nisa ya annisarhy123 ini dia codingannya cekidot:
Ini dia hasilnya jeng jeng:
Nah mungkin itu saja pertemuan kali ini, mohon maaf apabila ada salah kata dan typo typo, karena mimin hanya manusia biasa oke..
Jangan lupa tersenyum dan bahagia di hari ini :)
0 Komentar