Blog sharing cara membuat blog, website, toko online, desain web, dan template

Friday, October 17, 2014

Cara Membuat List di dalam Blog

List item adalah perintah yang digunakan dalam HTML untuk membuat daftar atau pengelompokan kata/list. Dalam HTML ada 5 cara untuk membuat daftar atau list, yaitu Ordered List [OL], Unorderd List [UL], Directory List, Menu List, dan Definition List. Tetapi, dalam post saya kali ini saya hanya akan membahas tentang Ordered List dan Unordered List.

  • Ordered List [OL] / Numbering
Orderd List digunakan untuk membuat daftar dengan setiap bagiannya memiliki nombor secara terurut. Ordered list merupakan tag yang mempunyai pasangan, dimulai dengan tag <ol> dan ditutup dengan </ol>. Untuk menyatakan setiap bagiannya, maka digunakan tag <li>.

Type Ordered List adalah [ 1 | a | A | i | I | default 1 ]

  • Unordered List
Unordered List adalah untuk menandai suatu bagian dengan bullet. Untuk membuat tanda ini, maka diperlukan tag <ul> dan penutup </ul>, dan juga menggunakan tag <li> untuk setiap bagiannya.

Type Unordered List adalah [ disc | square | circle | default disc ]

Berikut ini adalah contoh dalam membuat list menggunakan tag list item ( ordered list dan unordered list ).


Dari gambar diatas, saya menggunakan type=”A” dalam contoh ordered list, jadi dalam tampilan akan muncul huruf “A,B,C,D”. Dan dalam contoh unordered list saya menggunakan type=”square”, maka tampilan akan memunculkan list kotak-kotak.

Berikut adalah tampilan webnya :

 
Nah, begitu cara membuat list dengan menggunakna tag <ol> dan tag <ul>. Untuk belajar lebih banyak tentang perancangan web, kalian bisa kunjungi di Imediaku

Share on Facebook
Share on Twitter
Share on Google+

Related : Cara Membuat List di dalam Blog

1 comments:

balmut said...

ntar mulai rumit kalo pas bikin nested list/list bersarang. Perlu ketelitian ekstra