Langsung ke konten utama

Cara Membuat List / Daftar Item pada HTML


List item digunakan untuk mengelompokkan data baik berurutan (ordered list) maupun yang tidak berurutan (unordered list).

Ordered List
Untuk membuat list terurut nomor (ordered list), kita gunakan tag pembuka <ol> dan penutup </ol>, sedangkan untuk mendata setiap itemnya menggunakan tag <li> sebagai pembuka dan </li> sebagai penutup.

Contoh:
Daftar Hari:<br>
<ol>
<li>Senin</li>
<li>Selasa</li>
<li>Rabu</li>
<li>Kamis</li>
<li>Jumat</li>
<li>Sabtu</li>
<li>Minggu</li>
</ol>

Output:











Unordered List
Untuk membuat list tidak terurut nomor (Unordered list), kita gunakan tag pembuka <ul> dan penutup </ul>, sedangkan untuk mendara setiap itemnya menggunakan tag <li> sebagai pembuka dan </li> sebagai penutup.

Contoh:
Daftar Hari:<br>
<ul>
<li>Senin</li>
<li>Selasa</li>
<li>Rabu</li>
<li>Kamis</li>
<li>Jumat</li>
<li>Sabtu</li>
<li>Minggu</li>
</ul>

Output:



Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

Definisi Algoritma dan Contohnya dalam Kehidupan Sehari - Hari

Definisi Algoritma   Algoritma adalah urutan langkah - langkah logis untuk penyelesaian masalah yang disusun secara sistematis. Kata logis merupakan kata kunci dalam Algoritma. Langkah-langkah dalam Algoritma harus logis dan harus dapat ditentukan bernilai salah atau benar. Melaksanakan Algoritma berarti mengerjakan langkah-langkah di dalam Algoritma tersebut. Pemroses mengerjakan proses sesuai dengan algoritma yang diberikan kepadanya. Contoh Algoritma dalam kehidupan sehari - hari                  1.        Algoritma menulis surat : a.     Mempersiapkan kertas dan amplop b.     Mempersiapkan alat tulis, seperti pena atau pensil c.      Mulai menulis d.     Memasukkan kertas ke dalam amplop e.     Pergi ke kantor pos untuk mengeposkan surat tersebut   ...
2 komentar
Baca selengkapnya

13 Fakta Kerusakan Peringatan Maulid Nabi

Dalam peringatan maulid yang diselenggarakan, sering terjadi kemungkaran, bid'ah dan pelanggaran terhadap syariat Islam. Peringatan maulid itu sendiri tidak pernah diselenggarakan oleh Rasulullah saw, juga tidak oleh para sahabat, tabi'in dan imam yang empat, serta orang-orang yang hidup di abad-abad kejayaan Islam. Lebih dari itu, tak ada dalil syar'i yang menyerukan penyelenggaraan maulid Nabi saw tersebut. Untuk lebih mengetahui hakikat maulid, marilah kita ikuti uraian berikut: 1. Kebanyakan orang yang menyelenggarakan peringatan maulid, terjerumus pada perbuatan syirik. Yakni ketika mereka menyenandungkan yang artinya, "Wahai Rasulullah, berilah kami pertolongan dan bantuan. Wahai Rasulullah, engkaulah sandaran (kami). Wahai Rasulullah, hilangkanlah derita kami. Tidaklah derita (itu) melihatmu, melainkan ia akan melarikan diri." Seandainya Rasulullah saw mendengar senandung tersebut, tentu beliau akan menghukuminya syirik besar. Sebab pemberi ...
Posting Komentar
Baca selengkapnya

Cara Membuat AutoComplete TextField dengan JQuery

AutoComplete adalah salah satu fungsi jquery yang membuat pengisian data pada form menjadi lebih interaktif. AutoComplete berfungsi untuk memberikan sugesti pada user mengenai apa yang akan diisikannya dari data yang terdapat dalam database. Data tersebut biasanya didapat dari pengisian-pengisian sebelumnya. Kali ini kita akan membuat autocomplete pada input text field dengan mengambil data yang terdapat dalam database. PERSIAPAN : Download jquery library : sebelum memulai, silahkan download jquery library dan Jquery UI library-nya. Membuat database : Buatlah database baru di phpmyadmin dengan nama terserah anda, disini kita contohkan dengan nama "db_client". MEMBUAT FILE PHP : Pertama kita membuat file php untuk mengambil data dari database yang telah kita buat, simpan dengan nama "autocomplete.php". <?php $connection = mysqli_connect("localhost","root","","db_client") or die("Error " . my...
Posting Komentar
Baca selengkapnya