<ol> mempunyai 2 atribut baru yaitu reversed dan start. Reversed menentukan urutan item-item dalam keadaan terbalik, urutan terakhir ada di urutan pertama. Atribut reversed bernilai boolean, true atau false. Sedangkan atribut start menentukan penomoran awal yang tidak biasa, misalnya mulai dari 2 atau 3.Berlaku juga untuk penomoran huruf (A,B,C) dan angka Roman (I,II,III), tetapi ditampilkan dalam angka, artinya C sama dengan 3 atau III. Seperti diketahui, ol type ada 4 macam selain angka (type="1"), yaitu type="A", type="a", type="I", type="i". Nilai default adalah type="1", jika type lain tidak dideklarasikan.
Contoh atribut
start : olstart.html
<!DOCTYPE HTML>
<html>
<head>
<title>Contoh tag ol reversed start</title>
</head>
<body>
<p>Contoh atribut start angka.</p>
<ol start="3">
<li>Pisang</li>
<li>Jambu</li>
<li>Terong</li>
</ol>
<p>Contoh atribut start huruf.</p>
<ol type="A" start="3">
<li>Pisang</li>
<li>Jambu</li>
<li>Terong</li>
</ol>
<p>Contoh atribut start romawi.</p>
<ol type="I" start="3">
<li>Pisang</li>
<li>Jambu</li>
<li>Terong</li>
</ol>
</body>
</html>
Output:
 |
| Semua nomor awal setara 3. |
Contoh ol
reversed: olreversed.html
<!DOCTYPE HTML>
<html>
<head>
<title>Contoh tag ol reversed start</title>
</head>
<body>
<p>Contoh atribut start angka.</p>
<ol start="3" reversed="true">
<li>Pisang</li>
<li>Jambu</li>
<li>Terong</li>
</ol>
<p>Contoh atribut start huruf.</p>
<ol type="A" start="3">
<li>Pisang</li>
<li>Jambu</li>
<li>Terong</li>
</ol>
<p>Contoh atribut start romawi.</p>
<ol type="I" start="3" reversed="true">
<li>Pisang</li>
<li>Jambu</li>
<li>Terong</li>
</ol>
</body>
</html>
Output:
 |
| Penomoran jadi terbalik. |
Referensi tulisan:
- <ol>; ditulis oleh: Kontributor MDN, developer.mozilla.org, diakses 28 Januari 2015.
About MDN by Mozilla Contributors is licensed under CC-BY-SA 2.5.
No comments:
Post a Comment