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:
- Item 1
- Item 2
- Item 3
- Item 4
Berikut adalah macam-macam type item yang bisa anda gunakan. Bisa anda coba satu-persatu:
| 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:
- item 1
- item 2
- item 3
- 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:
| 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
Post a Comment