Unordered List Pada Blog
29.9.22
Unordered list dengan menggunakan simbol ditulis dengan kode
<ul>
Lihat contoh dibawah ini:
Is a list without number.
- Ini adalah contoh daftar unordered list
- Ini adalah contoh daftar unordered list
- Ini adalah contoh daftar unordered list
- Ini adalah contoh daftar unordered list
- Ini adalah contoh daftar unordered list
Jika ingin membuat Unordered list dengan menggunakan simbol (seperti contoh diatas) maka menggunakan tag <ul>
yaitu tipe Unordered list, silahkan buka text editor, lalu ketikan kode html dibawah ini.
Tuliskan pada tampilan HTML
<ul>
<li>Ini adalah contoh daftar unordered list</li>
<li>Ini adalah contoh daftar unordered list</li>
<li>Ini adalah contoh daftar unordered list</li>
<li>Ini adalah contoh daftar unordered list</li>
<li>Ini adalah contoh daftar unordered list</li>
</ul>
Contoh undered list dengan menggunakan simbol kotak atau square
- Contoh unordered list menggunakan simbol kotak
- Contoh unordered list menggunakan simbol kotak
- Contoh unordered list menggunakan simbol kotak
- Contoh unordered list menggunakan simbol kotak
- Contoh unordered list menggunakan simbol kotak
Tuliskan pada tampilan HTML
<ul style="list-style-type:square">
<li>Contoh unordered list menggunakan simbol kotak</li>
<li>Contoh unordered list menggunakan simbol kotak</li>
<li>Contoh unordered list menggunakan simbol kotak</li>
<li>Contoh unordered list menggunakan simbol kotak</li>
<li>Contoh unordered list menggunakan simbol kotak</li>
</ul>
Berikut ini adalah tabel tipe-tipe simbol yang bisa di gunakan untuk unordered list.
Tabel tipe Unordered list | |
---|---|
Tipe | Keterangan |
list-style-type:disc | Pengurutan menggunakan simbol bullets (default) |
list-style-type:circle | Pengurutan menggunakan simbol lingkaran |
list-style-type:square | Pengurutan menggunakan simbol kotak |
list-style-type:none | Menghilangkan simbol pengurutan |