Untuk menampilkan daftar sebuah data pada HTML secara berurutan (Ordered List) maupun tidak berurutan (Unordered List) dapat menggunakan tag OL dan UL. Di dalam tag tersebut bisa kita masukkan attribut "type" yang menunjukan jenis penomoran atau tanda yang akan kita gunakan. Lalu bagaimana cara penulisan kodenya?
Berikut adalah contoh penulisan Ordered List (OL) :
 |
| Ordered List |
<ol>
<li>Nomor satu</li>
<li>Nomor dua</li>
<li>Nomor tiga</li>
</ol>
Secara default tipe penomorannya adalah 1, 2, 3, dst. Jika kita ingin mengubah tipe penomorannya, maka dalam tag <ol> ditambahkan attribut "type". Kemudian untuk tipe penomorannya bisa diubah sebagai berikut :
Untuk daftar penomoran menggunakan angka romawi gunakan tipe "I"
Contoh :
<ol type="I">
<li>Angka romawi kesatu</li>
<li>Angka romawi kedua</li>
</ol>
Untuk daftar penomoran menggunakan karakter huruf gunakan tipe "A"
Contoh :
<ol type="A">
<li>Yang pertama A</li>
<li>Yang kedua B</li>
</ol>
Selanjutnya Unordered List (UL) yang merupakan tag untuk membuat daftar secara tidak berurutan dan tidak menggunakan penomoran seperti Ordered List (OL). Pada tag Unordered List yang digunakannya adalah tanda atau simbol tertentu seperti bulat dan kotak.
Contoh penulisan Unordered List (UL) :
 |
| Unordered List |
<ul>
<li>Nasi goreng</li>
<li>Ayam goreng</li>
<li>Pecel Lele</li>
</ul>
Secara default simbol yang digunakannya adalah bulatan hitam. Sama seperti <ol>, pada tag <ul> juga bisa kita ganti tandanya dengan menggunakan attribut dengan tipe sebagai berikut :
Untuk membuat simbol kotak gunakan tipe "square"
Contoh : <ul type="square">
Untuk membuat simbol bulatan putih gunakan "circle"
Contoh : <ul type="circle>
Untuk membuat simbol bulatan hitam gunaan "disk"
Contoh : <ul type="disk">
mantap gan,bermanfaat ni info nya.terima kasih gan.
ReplyDeletemantap gan bermanfaat TY gan :)
ReplyDeletenais gan
ReplyDeletenambah wawasan seorang newbie yang buta akan coding :) makasih mas
ReplyDelete