19/03/2010

MEMBUAT DAFTAR BERURUTAN

Tag <ol>.
Tag <ol> berfungsi untuk mendefinisikan sebuah list atau daftar yang berurutan. Dan dalam penggunaannya, tag <ol> di ikuti dengan tag <li> yang mendefinisikan item dalam daftar.
Cara penulisanya adalah dengan menyisipkan tag <li> diantara tag <ol> dan penutupnya seperti ini, <ol><li>item</li></ol>.Sementara atribut untuk tag <ol> adalah "type" dan "start".
Type adalah untuk menentukan seperti apa model urutan yang ingin ditampilkan dalam browser. Nilai yang dapat digunakan adalah:

  • "1" untuk 1,2,3...dst (standar).
  • "A" untuk A,B,C...dst.
  • "a" untuk a,b,c...dst.
  • "i" untuk i,ii,iii,iv,...dst.
  • "I" untuk I,II,III,IV...dst.

Start, untuk menentukan mulai urutan item yang mana/ke berapa yang ingin ditampilkan dalam browser.

Untuk lebih jelasnya, perhatikan beberapa contoh berikut ini.
Contoh 1:


Tulis:
Beberapa merk ponsel terkenal antara lain:
<ol>
<li>Nokia</li>
<li>Sony Ericsson</li>
<li>Samsung</li>
<li>Siemens</li>
<li>Motorolla</li>
</ol>

Hasilnya adalah:
Beberapa merk ponsel terkenal antara lain:
  1. Nokia
  2. Sony Ericsson
  3. Samsung
  4. Siemens
  5. Motorolla


Pada contoh diatas tag <ol> tanpa menggunakan atribut apapun, maka yang ditampilkan dalam browser adalah tampilan standar. Yaitu model urutan yang dimulai dari angka "1" dan seterusnya.

Contoh 2:


Jika ditulis:
Beberapa merk ponsel terkenal antara lain:
<ol type="A">
<li>Nokia</li>
<li>Sony Ericsson</li>
<li>Samsung</li>
<li>Siemens</li>
<li>Motorolla</li>
</ol>

Maka hasilnya adalah :
Beberapa merk ponsel terkenal antara lain:
  1. Nokia
  2. Sony Ericsson
  3. Samsung
  4. Siemens
  5. Motorolla


Dan jika ditulis:
Beberapa merk ponsel terkenal antara lain:<ol type="I">
<li>Nokia</li>
<li>Sony Ericsson</li>
<li>Samsung</li>
<li>Siemens</li>
<li>Motorolla</li>
</ol>

Maka hasilnya adalah :
Beberapa merk ponsel terkenal antara lain:
  1. Nokia
  2. Sony Ericsson
  3. Samsung
  4. Siemens
  5. Motorolla


Pada contoh di atas, value/nilai "A" digunakan untuk A, B, C.. dst. Dan "I" untuk I, II, III... dst.
Silahkan coba sendiri untuk value yang lain.

Contoh 3:


Jika ditulis:
Beberapa merk ponsel terkenal antara lain:
<ol type="1" start="3">
<li>Samsung</li>
<li>Siemens</li>
<li>Motorolla</li>
</ol>

Maka hasilnya:
Beberapa merk ponsel terkenal antara lain:
  1. Samsung
  2. Siemens
  3. Motorolla


Pada contoh di atas menjelaskan bagaimana atribut start bekerja. Dengan memberikan valu "3" maka urutan daftar item dimulai dari 3.



Sebelumnya | Berikutnya


Silahkan baca juga yang ini:

5 comments:

elok langita said...

mkashy infonyaaa... mau langsung dicoba.. :D

songkokawingjakata said...

ok,sama2.. nantikan posting selanjutnya..

Penulis Blog said...

BANG!!!!!



banner abang udah kutaruh diblogkuBLOGNYA ANAK GAPTEK

link balik ya blogku....


dan aku udah follow blognya..


kalau berkenanfollow balik ya.

ayead.blogspot.com

songkokawingjakata said...

ayead blog, loadnya berat bnget pake browser opmin. tuker banner nnti tnggu k wrnet,pasti..
makasi, uda mampir..
thx

songkokawingjakata said...

tes komen

Tinggalkan Komentar Anda

Terimakasih telah berkunjung, untuk kritik, saran, ataupun pertanyaan, silahkan berikan komentar anda disini:

 
Halaman Muka | Tentang | Kontak | Sitemap | 2008- © kakangsung All Rights Reserved