Apa Itu UL dan LI di HTML?
Dalam HTML, <ul> dan <li> adalah tag yang digunakan untuk membuat daftar yang tidak bernomor (unordered list).
<ul>: Tag untuk Daftar Tidak Bernomor
Tag <ul> merupakan singkatan dari "unordered list" dan berfungsi sebagai kontainer untuk daftar yang tidak bernomor. Tag ini akan menampilkan item daftar dengan bullet points atau tanda titik sebagai penanda.
<li>: Tag untuk Item Daftar
Tag <li> merupakan singkatan dari "list item" dan berfungsi untuk mendefinisikan setiap item dalam daftar. Setiap item daftar harus dibungkus dengan tag <li>.
Contoh Penggunaan
Berikut adalah contoh sederhana penggunaan tag <ul> dan <li>:
Contoh Daftar Tidak Bernomor
Daftar Buah
- Apel
- Pisang
- Mangga
- Jeruk
Kode di atas akan menghasilkan output seperti ini:
Daftar Buah
- Apel
- Pisang
- Mangga
- Jeruk
Styling Daftar
Anda dapat mengatur tampilan daftar dengan CSS. Misalnya, untuk mengubah bullet points menjadi simbol bintang, Anda dapat menggunakan kode CSS berikut:
ul {
list-style-type: star;
}
Kesimpulan
Tag <ul> dan <li> adalah tag HTML yang sangat berguna untuk membuat daftar yang tidak bernomor dalam halaman web Anda. Dengan menggunakan tag ini, Anda dapat membuat daftar yang terstruktur dan mudah dibaca.