Apa itu Unordered List?
Unordered list adalah salah satu bentuk html list, kebalikan dari ordered list. Yaitu metode atau cara mengurutkan daftar dengan menggunakan simbol atau special character dalam bahasa html. Bagi konco sinahu ada baiknya untuk menyimak terlebih dahulu cara membuat daftar dengan ordered list.
Unordered list diawali dengan tag <ul>. Sedangkan item yang akan dimasukkan dalam daftar masing-masing menggunakan tag <li>. Hanya sedikit berbeda tag dari ordered list.
Ada beberapa list-style-type yang bisa digunakan dalam unordered list ini. Bisa dengan type Disc (Bentuk default seperti titik hitam tebal), Circle (bentuk lingkaran kecil), Square (bentuk persegi kecil hitam), atau None (tidak ada simbol atau special character apapun). Biar makin jelas silahkan simak contoh berikut ini.
Contoh Membuat Daftar dengan Unordered List
<!DOCTYPE html>
<html>
<body>
<h2>Unordered List dengan Disc</h2>
<ul style="list-style-type:disc">
<li>Es Teh</li>
<li>Es Kelapa Muda</li>
<li>Soda Gembira</li>
</ul>
<h2>Unordered List dengan Circle</h2>
<ul style="list-style-type:circle">
<li>Es Teh</li>
<li>Es Kelapa Muda</li>
<li>Soda Gembira</li>
</ul>
<h2>Unordered List dengan Square</h2>
<ul style="list-style-type:square">
<li>Es Teh</li>
<li>Es Kelapa Muda</li>
<li>Soda Gembira</li>
</ul>
<h2>Unordered List dengan None</h2>
<ul style="list-style-type:none">
<li>Es Teh</li>
<li>Es Kelapa Muda</li>
<li>Soda Gembira</li>
</ul>
</body>
</html>
Hasilnya seperti ini :
Unordered List dengan Disc
- Es Teh
- Es Kelapa Muda
- Soda Gembira
Unordered List dengan Circle
- Es Teh
- Es Kelapa Muda
- Soda Gembira
Unordered List dengan Square
- Es Teh
- Es Kelapa Muda
- Soda Gembira
Unordered List dengan None
- Es Teh
- Es Kelapa Muda
- Soda Gembira
Sangat mudah kan? Sekian posting kali ini tentang Membuat Daftar dengan Unordered List. Semoga bermanfaat. Untuk selanjutnya masih ada beberapa html list lain yang akan Sinahu Coding share. Stay terus ya.
0 Komentar untuk "Membuat Daftar dengan Unordered List"