Ol atau ordered list adalah suatu tag untuk mengurutkan daftar dengan menggunakan angka, abjad dan angka romawi pada HTML. Sedangkan ul atau unordered list yaitu tag untuk mengurutkan daftar dengan menggunakan symbol atau special character pada HTML.

Contoh :

  1. Tag ol atau ordered list.

Coba teman-teman buat script dibawah ini,

-1

Lalu hasilnya akan seperti ini,

1

2. Tag ul atau unordered list.

Coba buat script seperti dibawah ini,

-2

Maka hasilnya akan menjadi seperti ini,

2

Untuk tag ol atau ordered list itu dibagi atas beberapa macam yaitu dengan tipe angka, abjad dan angka romawi.

Seperti :

  • Type = “1” hasilnya akan membentuk 1,2,3 dst.
  • Type = “a” hasilnya akan membentuk a,b,c dst.
  • Type = “A” hasilnya akan membentuk A,B,C dst.
  • Type = “i” hasilnya akan membentuk i,ii,iii dst.
  • Type = “I” hasilnya akan membentuk I,II,III dst.

Contoh :

-3

Hasilnya akan seperti ini,

3

Dan untuk tag ul atau unordered list juga mempunyai macam-macam tipe yaitu berbentuk lingkaran dengan warna hitam (default) dan berbentuk kotak.

Seperti :

  • Type = “disc” (default) hasilnya akan berbentuk lingkaran hitam.
  • Type = “square” hasilnya akan berbentuk kotak.

Contoh :

-4

Hasilnya akan seperti ini,

4

 

Sekian untuk penjelasan tag ul dan ol.

Selamat mencoba…