Skip to main content

Unordered List Pada Blog

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

author-photo
" Servant of Allah "
Buka Komentar