Menyajikan Hasil Pembuatan List Minimal dan Kombinasi

Assalamu’alaikum Wr.WB

Hay sobatku, bertemu lagi dengan saya hehe.. Bagaimana kabarnya? Mudah mudahan sehat selalu ya. Oh ya pertemuan kemarin kita udah bahas Performatan teks dan Paragraf Web. Kali ini saya akan menjelaskan penyajian hasil List Minamal dan Kombinasi. Langsung aja ya, cekidott…

A. Pengertian List

List (daftar) adalah bagian teks di dalam dokumen yang berisi daftar item dari suatu kelompok atau grup tertentu. Sebagai contoh, list dapat berupa daftar dari makanan dan minuman, beserta harganya. List dapat juga berupa prosedur (urutan langkah-langkah) dari suatu pekerjaan tertentu, yang sifatnya harus dilakukan secara berurutan dari langkah pertama sampai langkah terakhir.


Contoh List Makanan

Penggunaan List juga ada di HTML. Dalam dokumen HTML, ada tiga tipe / tag yang dapat kita gunakan. Yaitu:

1. Daftar berurutan (Ordered list) <ol></ol>

2. Daftar tidak berurutan (Unordered list) <ul></ul>

3. Daftar Definisi (Definition list) <dl></dl>

1. Daftar Ordered List <ol></ol>

Daftar yang berurutan umumnya dipakai untuk item-item yang saling berhubungan satu

sama lain, atau untuk menuliskan langkah-langkah atau prosedur dari kegiatan yang tidak dapat dilakukan secara acak. Biasanya menggunakan penomoran(1,2,3,…) dan Alphabet (a,b,c,..).

Tag <ol> biasanya diakhiri </ol>, masing-masing di dalam daftar harus menggunakan tag <li> dan di akhiri </li>.

Dibawah ini, saya akan memberikan contoh penggunaan Daftar Ordered list yang saya buat.

Codingan di HTML

Gambar diatas itu adalah codingan HTML ya, saya buat di aplikasi notepad++, setelah di eksekusi, hasilnya seperti ini.

Hasil Codingan

2. Daftar Unordered List <ul></ul>

Daftar yang tidak berurutan adalah daftar yang item-itemnya dapat diubah posisinya secara acak. Daftar seperti ni tidak menggunakan penomoran seperti di atas, melainkan hanya dengan menggunakan tanda atau symbol tertentu, misalnya gambar kotak atau bulat (bullet).

Saya akan memberikan contoh Daftar Unordered List yang saya buat.

Gambar Codingan

Dan dibawah ini adalah hasil eksekusi dari codingan di atas.

Hasil Dari Codingan

3. Daftar Definition List <dl></dl>

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

Saya juga akan memberikan contoh Daftar Definition List yang saya buat.

Dan dibawah ini adalah hasil eksekusi dari codingan di atas.

4. Daftar Combination List

Daftar List Kombinasi ini gabungan dari Daftar berurutan (Ordered List) dan daftar tidak berututan (Unordered List). Saya jua disini akan memberikan contoh List Kombinasi.

Dan dibawah ini adalah hasil eksekusi dari codingan di atas.

Nah, gambar diatas itu adalah codingan yang saya buat di HTML. Saya pun baru belajar tentang Pemrograman Web di sekolah. Pada bab ini, saya mencoba membuat Biodata sebagai evaluasi pembelajaran saya selama belajar pada Bab Daftar List ini. Program ini bisa sebagai referensi belajar kalian yaaa sobat. Karena menurut saya, jika kalian ingin bisa memprogram web, salah satunya adalah belajar dengan rajin yaa, supaya kalian dapat terlatih. Nah ini dia Program yang saya buat.