Tipe List berurut

Atribut type untuk <ol> terdiri :

  • 1 , tanda list berdasarkan angka
  • A , tanda list berdasarkan huruf besar
  • a , tanda list berdasarkan huruf kecil
  • I , tanda list berdasarkan angka besar romawi
  • i , tanda list berdasarkan angka kecil romawi

Contoh:

Buatlah sebuah file HTML bernama olType.html dan masukkan kode berikut ini:

<div style="background:#CCC;padding:10px">

Berita Liga Champions:

<ol type="A"><!--tipe A-->

<li>

Hasil pertandingan Atletico Madrid vs PSV: skor 0-0 (8-7)

</li><li>

Hasil pertandingan Manchester City vs Dynamo Kiev: skor 0-0

</li>

</ol>

</div>

 

<div style="background:red;padding:10px;margin-top:3px;color:white">

Berita Liga Inggris:

<ol type="a"> <!--tipe a-->

<li>

Arsenal Tawar Toni Kroos dari Real Madrid

</li><li>

Rahasia Leicester City Untuk Kejutkan Dunia

</li>

</ol>

</div>

 

<div style="background:green;padding:10px;margin-top:3px;color:white">

Berita Liga Italia:

<ol type="I"> <!--tipe I-->

<li>

Agen: Arsenal dan Madrid inginkan Jorginho

</li><li>

Mandzukic Mandul, Dybala Membela

</li>

</ol>

</div>

 

<div style="background:yellow;padding:10px;margin-top:3px;color:blue">

Berita Liga Spanyol:

<ol type="i"> <!--tipe i-->

<li>

Neymar Beberkan Rahasia Kebuasan Trio MSN

</li><li>

Zidane berang lihat sikap pemain Madrid

</li>

</ol>

</div>

Hasil:

Klik 2x nama filemu maka pada browser akan tampil seperti berikut ini:

Berita Liga Champions:
  1. Hasil pertandingan Atletico Madrid vs PSV: skor 0-0 (8-7)
  2. Hasil pertandingan Manchester City vs Dynamo Kiev: skor 0-0
Berita Liga Inggris:
  1. Arsenal Tawar Toni Kroos dari Real Madrid
  2. Rahasia Leicester City Untuk Kejutkan Dunia
Berita Liga Italia:
  1. Agen: Arsenal dan Madrid inginkan Jorginho
  2. Mandzukic Mandul, Dybala Membela
Berita Liga Spanyol:
  1. Neymar Beberkan Rahasia Kebuasan Trio MSN
  2. Zidane berang lihat sikap pemain Madrid
2016 © Fahmi Basya Kartapura