Unordered List Pada Blog - supar.web.id

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

---