Skip to main content

Ordered List Pada Blog

Pengurutan/ordered List dengan menggunakan angka ditulis dengan kode <ol>, sedangkan unordered list dengan menggunakan simbol ditulis dengan kode <ul>

Lihat Contoh dibawah ini

Is a list with number.
  1. Ini adalah contoh daftar ordered list
  2. Ini adalah contoh daftar ordered list
  3. Ini adalah contoh daftar ordered list
  4. Ini adalah contoh daftar ordered list
  5. Ini adalah contoh daftar ordered list

Jika ingin membuat daftar list dengan angka (seperti contoh diatas) maka menggunakan tag <ol> yaitu tipe ordered list, silahkan buka text editor, lalu ketikan kode html dibawah ini.

Tuliskan pada tampilan HTML

<ol>
  <li>Ini adalah contoh daftar ordered list</li>
  <li>Ini adalah contoh daftar ordered list</li>
  <li>Ini adalah contoh daftar ordered list</li>
  <li>Ini adalah contoh daftar ordered list</li>
  <li>Ini adalah contoh daftar ordered list</li>
</ol>

Pada ordered list selain angka anda juga bisa menampilkan tipe pengurutan lainnya, seperti huruf besar dan lain-lain, caranya hanya dengan menambahkan atribut “type” tanpa tanda kutip, contohnya seperti dibawah ini

Ordered list berdasarkan huruf besar
  1. Ordered list berdasarkan huruf besar
  2. Ordered list berdasarkan huruf besar
  3. Ordered list berdasarkan huruf besar
  4. Ordered list berdasarkan huruf besar
  5. Ordered list berdasarkan huruf besar

Tuliskan pada tampilan HTML

<ol type="A">
  <li>Ordered list berdasarkan huruf besar</li>
  <li>Ordered list berdasarkan huruf besar</li>
  <li>Ordered list berdasarkan huruf besar</li>
  <li>Ordered list berdasarkan huruf besar</li>
  <li>Ordered list berdasarkan huruf besar</li>
</ol>

Berikut ini adalah tabel tipe-tipe pengurutan yang bisa di gunakan untuk ordered list.

Tabel tipe Ordered list
Tipe Keterangan
type=”1″ Pengurutan menggunakan angka (default)
type=”A” Pengurutan berdasarkan huruf besar
type=”a” Pengurutan berdasarkan huruf kecil
type=”I” Pengurutan menggunakan angka romawi huruf besar
type=”i” Pengurutan menggunakan angka romawi huruf kecil

author-photo
" Servant of Allah "
Buka Komentar