Hai. Kali ini mari kita lanjutkan belajar HTML. Jika sebelumnya kita sudah belajar tentang mengatur paragraf pada html, maka pada postingan kali ini kita akan belajar membuat list.
Pada kehidupan sehari-hari, tentu kita selalu punya list atau daftar. Baik daftar kegiatan kita, daftar belanja, daftar teman, dan sebagainya. Pada html pun sama, kita pasti perlu untuk membuat daftar supaya memudahkan kita dan pembaca untuk mengetahui bahwa itu adalah daftar.
List pada html bisa dibagi menjadi dua, yaitu Ordered List dan Unordered List.
Ordered List
Ordered list biasanya digunakan untuk membuat daftar yang berurutan, atau bisa dikatakan bernomor. Ordered list biasanya menggunakan tag seperti berikut:
<ol> ... </ol>
Untuk menyatakan tiap bagian dari ordered list, biasanya menggunakan tag <li> dan tidak perlu tag untuk menutup tag <li> tersebut. Ordered list ini juga mempunyai beberapa atribut, yaitu:
TYPE = [1 | a | A | i | l ] (default 1)
Supaya lebih jelas lagi, mari lihat contoh di bawah ini:
 |
| Ordered List 1 |
 |
| Ordered List 1 Jadi |
 |
| Ordered List 2 |
 |
| Ordered List 2 Jadi |
Perhatikan perbedaan kedua contoh di atas. Jika kita tidak memilih type ordered list yang akan kita gunakan, maka otomatis akan menggunakan default, yaitu angka 1, 2, 3, dst. Tapi jika kita ingin menggunakan type yang lain, maka kita harus beri tambahan pada html kita.
Unordered List
Berbeda dengan ordered list, pada unordered list ini kita tidak akan menemui urutan seperti pada ordered list. Setiap bagian dari unordered list ditandai dengan tanda bullet. Untuk menggunakan unordered list ini, kita perlu tag di bawah ini:
<ul> ... </ul>
Dan untuk tiap bagian, masih sama seperti ordered list, yaitu menggunakan <li>. Seperti pada ordered list, unordered list juga mempunyai atributnya sendiri, yaitu:
TYPE = [ disc | square | circle ] (default disc)
Supaya lebih jelas lagi, mari lihat contoh di bawah ini:
 |
| Unordered List 1 |
 |
| Unordered List 1 Jadi |
 |
| Unordered List 2 |
 |
| Unordered List 2 Jadi |
Sama seperti pada ordered list, perhatikan perbedaan kedua contoh di atas. Jika kita tidak memilih type unordered list yang akan kita gunakan, maka otomatis akan menggunakan default, yaitu type disc. Tapi jika kita ingin menggunakan type yang lain, maka kita harus beri tambahan pada html kita.
Nah, mudah kan membuat list pada html.. Semoga postingan ini bermanfaat! ^^/
