Tag Ordered List dan Atributnya

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 :

1. <OL>  
2.   <LI>Dari Gedung Dephub lurus  
3.   <LI>Sampai di perempatan belok kiri  
4.   <LI>Lewati 2 lampu  merah lalu belok kanan  
5.   <LI>Lihat di sebelah kanan jalan toko-toko   
6. antiknya ada di dekat sana  
7. </OL>  

akan menghasilkan ...

1. Dari Gedung Dephub lurus
2. Sampai di perempatan belok kiri
3. Lewati 2 lampu merah lalu belok kanan
4. Lihat di sebelah kanan jalan toko-toko antiknya ada di dekat sana

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.

TYPE

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

Tipe "1" (default):

1. <OL type="1">  
2.   <LI>Matematika</LI>  
3.   <LI>Biologi</LI>  
4.   <LI>Sejarah</LI>  
5. </OL> 

Tag diatas akan menghasilkan :

1. Matematika
2. Biologi
3. Sejarah

Tipe "A":

1. <OL type="A">  
2.   <LI>Matematika</LI>  
3.   <LI>Biologi</LI>  
4.   <LI>Sejarah</LI>  
5. </OL> 

Tag diatas akan menghasilkan :

1. Matematika
2. Biologi
3. Sejarah

Tipe "a":

1. <OL type="a">  
2.   <LI>Matematika</LI>  
3.   <LI>Biologi</LI>  
4.   <LI>Sejarah</LI>  
5. </OL>  

Tag diatas akan menghasilkan :

1. Matematika
2. Biologi
3. Sejarah

Tipe "I":

1. <OL type="I">  
2.   <LI>Matematika</LI>  
3.   <LI>Biologi</LI>  
4.   <LI>Sejarah</LI>  
5. </OL>  

Tag diatas akan menghasilkan :

1. Matematika
2. Biologi
3. Sejarah

Tipe "i":

1. <OL type="i">  
2.   <LI>Matematika</LI>  
3.   <LI>Biologi</LI>  
4.   <LI>Sejarah</LI>  
5. </OL>  

Tag diatas akan menghasilkan :

1. Matematika
2. Biologi
3. Sejarah

START

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

Coba perhatikan contoh berikut :

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

akan menghasilkan ...

3. Persatuan Indonesia
4. Kerakyatan yang dipimpin oleh Hikmat Kebijaksanaan dalam Permusyaratan Perwakilan
5. Keadilan Sosial bagi Seluruh Rakyat Indonesia