Thursday, February 12, 2009

List HTML Code

. Thursday, February 12, 2009

List item merupakan salah satu basic HTML element yang harus kita ketahui dalam HTML. ada dua macam List item digunakan dalam pengelompokan data baik itu yang berurutan maupun yang tidak berurutan
Unordered List

Kode yang digunakan dalam penulisannya adalah <UL></UL>, dan untuk itemnya sama yaitu kode <LI></LI>.
Contoh :
Nama-nama Hari
<UL>
<LI>Senin</LI>
<LI>Selasa</LI>
<LI>Rabu</LI>
<LI>Kamis</LI>
<LI>Jumat</LI>
<LI>Sabtu</LI>
<LI>Minggu</LI>
</UL>

Maka Hasilnya seperti ini :

  • Senin
  • Selasa
  • Rabu
  • Kamis
  • Jumat
  • Sabtu
  • Minggu
Jika menginginkan bentuk atau model yang lain dari bentuk default, Anda bisa menggunakan Square, disk, atau circle seperti ini kodenya :
Nama-nama Hari
<UL type="square">
<LI>Senin</LI>
<LI>Selasa</LI>
<LI>Rabu</LI>
<UL>
Maka hasilnya seperti ini :
  • Senin
  • Selasa
  • Rabu


Ordered List
Kode ini untuk mengelompokan data secara berurutan,kode ini menggunakan <ol;></ol> kodenya sebagai berikut :
<b>Jadwal Harian Ku</b>
<ol start="1" type="I">
<li>Senin</li>
<ol type="a">
<li>Belajar</li>
<li>Bermain</li>
</ol>
<li>Selasa</li>
<ol type="A">
<li>Ke Kampus</li>
<li>Ke Bengkel</li>
</ol>
<li>Rabu</li>
<ol type="I">
<li>Ke Pasar</li>
<li>Istirahat</li>
</ol>
Maka hasilnya akan seperti ini

Jadwal Harian Ku
  1. Senin
    1. Belajar
    2. Bermain
  2. Selasa
    1. Ke Kampus
    2. ke Bengkel
  3. Rabu
    1. Ke Pasar
    2. Istirahat
Untuk kombinasi yang lainnya bisa dicoba-coba sendiri...terima kasih

0 comments:

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

 
Download And Tutorial is proudly powered by Blogger.com | Template by o-om.com