Membuat Daftar / List

Suatu daftar merupakan bentuk yang sangat optimal dalam menampilkan suatu data. Ada dua macam daftar item yaitu daftar item tak berurut (bullet) dan daftar item berurut (numbering).

1. Order List / Daftar Berurutan
   Membuat order list atau daftar berurutan elemen yang digunakan adalah <OL> dan diakhiri dengan </OL>. Atribut-atribut dalam <OL> adalah :
   • Type : mengatur tampilan nomor:
     • A : Menampilkan list dengan huruf campital (A, B, C, dst)
     • a : Menampilkan list dengan huruf kecil(a, b, c, dst)
     • I : Menampilkan list dengan bilangan romawi besar (I, II, III, dst)
     • i : Menampilkan list dengan bilangan romawi kecil (i, ii, iii, dst)
     • I : Menampilkan list dengan nomor biasa / default (1, 2, 3, dst)
   • Start : Digunakan untuk mengatur awal penomoran. Misal <OL type="1" start="2">
   Untuk menyisipkan daftar atau isi digunakan <LI> tanpa Tag akhir.contoh:
   <OL>
   <Li>......
   <Li>.....
   <OL>
2. Unorder List / Daftar Tak Berurutan
   Unorder List adalah daftar yang tidak berdasarkan urutan pada item-temnya. Suatu item biasanya ditandai dengan bulatan atau kotak. Elmen yang digunakan untuk membuat daftar tersebut adalah <UL>........</UL>. Atribut-atribut dalam element tersebut adalah :
   Type : mengatur bentuk nomor atau bullet

   • disc : Bentuk bullet cakram (default)
   • circle : Bentuk bulat berwarna
   • square : Bentuk kotak berwarna

   Pastikan penulisan atribut menggunakan huruf kecil. Dafter ini dapat pula dikombinasikan dengan <OL>. Sama seperti <OL>, Untuk menyisipkan daftar atau isi digunakan <LI> tanpa Tag akhir.contoh:
   <UL>
   <Li>......
   <Li>.....
   <UL>

   NB : Penulisan type dari Tag <UL> kadang tidak dapat ditampilkan oleh Mozilla Firefox

Nah sekarang mari kita coba untuk membuat yang baru saja saya jelaskan di atas
<html>
<head>
</head>
<body>
<ol type=1>
<li>item pertama
<li>item kedua
<li>item ketiga
</ol>
<ol type="A">
<li>item pertama
<li>item kedua
<li>item ketiga
</ol>
<ol type="i">
<li>item pertama
<li>item kedua
<li>item ketiga
<ul type="disc">
<li>item pertama
<li>item kedua
<li>item ketiga
</ul>
<ul type="square">
<li>item pertama
<li>item kedua
<li>item ketiga
</ul>