Kerak Telor HTML: HTML List

HTML List

HTML list ada 2 (dua) macam yaitu, Daftar Berurutan (Ordered List) dan Daftar Tidak Berurutan (Unordered List)

----------------
Ordered List || <ol>
----------------
Daftar berurutan artinya adalah daftar ini memiliki urutan dari 1,2,3, dan seterusnya.

Contoh:
1. Ini daftar satu
2. Ini daftar urutan dua
3. Dan ini tiga

Dari contoh di atas dapat dilihat pada setiap daftar memiliki nomer urut, makanya dinamakan Daftar Berurutan (Ordered List).
Lalu bagaimana membuatnya?

Ordered List diawali dengan tag <ol>. Lalu untuk setiap daftarnya (list) digunakan tag <li>. Mudahnya lihat contoh berikut.

Contoh:

<ol>
  <li>Ini daftar satu</li>
  <li>Ini daftar urutan dua</li>
  <li>Dan ini tiga</li>
</ol>

----------------
Unordered List || <ul>
----------------
Daftar tidak berurutan disini artinya tidak memiliki nomer urut, namun menggunakan bullet atau point didepan tiap daftar.

Contoh:
 • Ini daftar satu
 • Ini daftar urutan dua
 • Dan ini tiga

Dari contoh di atas dapat dilihat pada setiap daftar tidak memiliki nomer urut, makanya dinamakan Daftar Tidak Berurutan (Unrdered List).
Lalu bagaimana membuatnya?

Unordered List diawali dengan tag <ul>. Lalu untuk setiap daftarnya (list) digunakan tag <li>. Mudahnya lihat contoh berikut.

Contoh:

<ul>
  <li>Ini daftar satu</li>
  <li>Ini daftar urutan dua</li>
  <li>Dan ini tiga</li>
</ul>

----------------
Letak perbedaanya hanya pada <ol> dan <ul>
ordered list   - <ol>
unordered list - <ul>

By Ido Alit