Widget edited by super-bee

Laman

1.01.2012

Tag Ordered List dan Atributnya


TYPESTART

Tag ini memiliki fungsi yang hampir sama dengan Tag <UL>, bedanya Tag ini mendaftarkan suatu barang secara berurutan. <OL> sendiri merupakan singkatan dari Ordered List yang berarti daftar yang berurut. Seperti hal-nya <UL> tag ini pun dalam penggunaannya harus disertai dengan Tag <Li> untuk mendefinisikan setiap barang yang didaftar.

Coba perhatikan contoh berikut :

<OL>
<LI>Dari Stasiun Kiaracondong naek angkot
<LI>Sampai di perempatan Binong Lurus
<LI>Ngelewatin Pasar
<LI>Lihat di sebelah kanan jalan Gedung BLK sebelah kiri Kampus ku
</OL>

akan menghasilkan ...
  1. Dari Stasiun Kiaracondong naek angkot
  2. Sampai di perempatan Binong Lurus
  3. Ngelewatin Pasar
  4. Lihat di sebelah kanan jalan Gedung BLK sebelah kiri Kampus ku

Perhatikan, bahwa dalam penulisan tag tersebut kita tidak mengurutkan dan memberi nomor sama sekali, tetapi browser mengartikan tag tersebut mendaftarkan dan memberi nomor secara terurut.



Ada banyak jenis pengurutan pada OL. Dengan atribut tipe kita dapat membuat urutan berdasarkan beberapa jenis urutan seperti dibawah ini.

Tipe "1" (default):

<OL type="1">
<LI>Komunikasi Data</LI>
<LI>Kalkulus</LI>
<LI>Sistem Operasi</LI>
</OL>

Tag diatas akan menghasilkan :
  1. Komunikasi Data
  2. Kalkulus
  3. Sistem Operasi


Tipe "A":

<OL type="A">
<LI>Komunikasi Data</LI>
<LI>Kalkulus</LI>
<LI>Sistem Operasi</LI>
</OL>

Tag diatas akan menghasilkan :
  1. Komunikasi Data
  2. Kalkulus
  3. Sistem Operasi


Tipe "a":

<OL type="a">
<LI>Komunikasi Data</LI>
<LI>Kalkulus</LI>
<LI>Sistem Operasi</LI>
</OL>

Tag diatas akan menghasilkan :
  1. Komunikasi Data
  2. Kalkulus
  3. Sistem Operasi


Tipe "I":

<OL type="I">
<LI>Komunikasi Data</LI>
<LI>Kalkulus</LI>
<LI>Sistem Operasi</LI>
</OL>

Tag diatas akan menghasilkan :
  1. Komunikasi Data
  2. Kalkulus
  3. Sistem Operasi


Tipe "i":


<OL type="i">
<LI>Komunikasi Data</LI>
<LI>Kalkulus</LI>
<LI>Sistem Operasi</LI>
</OL>

Tag diatas akan menghasilkan :
  1. Komunikasi Data
  2. Kalkulus
  3. Sistem Operasi



Atribut ini digunakan untuk menentukan angka untuk memulai daftar yang akan kita buat. Coba

perhatikan contoh berikut :

Berikut ini adalah sila 3 sampai dengan ke 5 dari Pancasila:
<OL START="3">
<LI>Persatuan Indonesia</LI>
<LI>Kerakyatan yang dipimpin oleh Hikmat Kebijaksanaan dalam Permusyaratan Perwakilan</LI>
<LI>Keadilan Sosial bagi Seluruh Rakyat Indonesia</LI>
</OL>

akan menghasilkan ...
  1. Persatuan Indonesia
  2. Kerakyatan yang dipimpin oleh Hikmat Kebijaksanaan dalam Permusyaratan Perwakilan
  3. Keadilan Sosial bagi Seluruh Rakyat Indonesia



Artikel Terkait:

Comments
0 Comments

0 komentar:

Posting Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More