Membuat List Dengan HTML

Untuk menguraikan suatu daftar, kita tidak bisa meguraikannya dengan teks biasa karena akan sangat panjang dan memakan tempat lebih banyak. Solusinya, anda dapat membuat tag list atau daftar dengan HTML.
Tag list ini akan membuat suatu item dalam daftar diurai secara rapi kebawah.

Tag list ini mempunyai dua bentuk, yaitu ordered list dan unordered list. Ordered list merupakan list dengan nomor yang berurutan pada setiap item. Sedangkan unordered list akan menguraikan item dari daftar menggunakan bullet atau simbol.

Untuk membuat ordered list carnya adalah sebagai berikut:

• Mulai tag list dengan <ol>
• Gunakan tag <li> sebelum menuliskan item list dengan ditutup oleh tag </li>
• Ulangi langkah no.2 untuk menuliskan setiap item
• Akhiri seluruh list dengan </ol>.

(uraian diatas menggunakan Unordered list)


Untuk unordered list, caranya hampir sama. Anda hanya harus merubah <ol> dengan <ul>

Ordered List
Secara standar, untuk membuat ordered list adalah sebagai berikut:

<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<ol>

dan jika default, tanpa merubah type listnya maka item akan menggunakan angka dari 1, 2, 3... Dst sejumlah item dalam daftar. Tapi, kitapun bisa merubah nomor dalam list tersebut dengan model angka lain. Misalnya angka romawi dan abjad. Cara mengubahnya tinggal ganti atribut type pada ol dengan model angka yang dikehendaki.
contohnya seperti ini:

<ol type="i">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<ol>

Maka hasilnya akan seperti dibawah:

1. Item 1
2. Item 2
3. Item 3
4. Item 4

Berikut adalah macam-macam type item yang bisa anda gunakan. Bisa anda coba satu-persatu:

Tipe-tipe item yang bisa di pakai

Type	Fungsi
a	Membuat type item menjadi abjad huruf kecil
A	Membuat type item menjadi abjad huruf besar
i	Membuat type item menjadi romawi huruf kecil
I	Membuat type item menjadi romawi huruf besar

Selain itu, ada juga atribut untuk mendefinisikan nomor awal yg digunakan. Misalnya anda ingin memulai list dari angka 5, maka tambahkan atribut start dengan angka 5. Skripnya:
<ol start="5">......</ol>
Maka hasilnya:

5. item 1
6. item 2
7. item 3
8. item 4

Unordered List
Sama seperti ordered list, unordered list pun bisa kita ganti tipe itemnya. seperti yang kita tahu, secara default, item yang menyusun unordered list adalah bullet seperti titik besar. untuk menggantinya tinggal ganti atribut type dengan nilai yang anda inginkan. berikut adalah beberapa macam nilai yang bisa anda gunakan untuk unordered list:

Tipe-tipe item yang bisa di pakai

Type	Fungsi
cjk-ideographic	Membuat type item menjadi huruf cina
circle	Membuat type item menjadi bulat
square	Membuat type item menjadi kotak
hewbrew	Membuat type item menjadi jenis hebrew
armenian	Membuat type item menjadi jenis armenian
decimal-leading-zero	Membuat type item menjadi bilangan desimal
georgian	Membuat type item menjadi jenis georgian
hiragana	Membuat type item menjadi jenis hiragana
katakana	Membuat type item menjadi jenis katakana
hiragana-iroha	Membuat type item menjadi jenis hiragana iroha
inherit	Membuat type item menjadi tipe inherit

Contoh list yang menggunakan tipe hiragana:

• item1
• item1
• item1
• item1