Ordered List Pada Blog

Pengurutan/ordered List dengan menggunakan angka ditulis dengan kode
    , sedangkan unordered list dengan menggunakan simbol ditulis dengan kode
    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

    Post a Comment