Older list Adalah Suatu Daftar Dalam Html dimna terdapat item - item terurut atau memiliki nomor secara urut dalam sebuah daftar. Older list dimulai dimulai tag awal <ol> dan diakhiri dengan tag </ol>.ditengah - tengah tag tersebut kita menuliskan list atau daftar . Tag untuk menuliskan list adalah <li> .
Lihat contoh daftar list dibawah ini:
i. Ini contoh ordered list dengan angka romawi kecil
ii. Ini juga contoh ordered list dengan angka romawi kecil
iii. Ini juga contoh ordered list dengan angka romawi kecil
I. Ini contoh ordered list dengan angka romawi kapital
II. Ini juga contoh ordered list dengan angka romawi kapital
III. Ini juga contoh ordered list dengan angka romawi kapital
Jika anda ingin menggunakan kode HTML untuk melakukannya maka penulisan kode html untuk ordered list dengan angka romawi kecil
<ol style="list-style-type: lower-roman;">
<li>Ini contoh ordered list dengan angka romawi kecil</li>
<li>Ini juga contoh ordered list dengan angka romawi kecil</li>
<li>Ini juga contoh ordered list dengan angka romawi kecil</li>
</ol>
<li>Ini contoh ordered list dengan angka romawi kecil</li>
<li>Ini juga contoh ordered list dengan angka romawi kecil</li>
<li>Ini juga contoh ordered list dengan angka romawi kecil</li>
</ol>
Jika anda ingin menggunakan kode HTML untuk melakukannya maka penulisan kode html untuk ordered list dengan angka romawi kapital
<ol style="list-style-type: upper-roman;">
<li>Ini contoh ordered list dengan angka romawi kapital</li>
<li>Ini juga contoh ordered list dengan angka romawi kapital</li>
<li>Ini juga contoh ordered list dengan angka romawi kapital</li>
</ol>
<li>Ini contoh ordered list dengan angka romawi kapital</li>
<li>Ini juga contoh ordered list dengan angka romawi kapital</li>
<li>Ini juga contoh ordered list dengan angka romawi kapital</li>
</ol>
Jika anda ingin menggunakan CSS untuk membuat ordered list dengan angka romawi kecil dan angka romawi kapital yaitu anda sisipkan script dibawah ini diawal penulisan kode html dalam artikel anda di wordpress maupun blogspot atau jika anda membuat html statis
<style type="text/css">
ol.kecil { list-style-type:lower-roman; }
ol.kapital { list-style-type:upper-roman; }
</style>
Nah setelah anda menulis script diatas dibagian awal dan saat anda akan menuliskan kode html untuk ordered list pada bagian tertentu dalam artikel yaitu
Untuk ordered list dengan angka romawi kecil
<ol class="kecil">
<li>Ini contoh ordered list dengan angka romawi kecil</li>
<li>Ini juga contoh ordered list dengan angka romawi kecil</li>
<li>Ini juga contoh ordered list dengan angka romawi kecil</li>
</ol>
<li>Ini contoh ordered list dengan angka romawi kecil</li>
<li>Ini juga contoh ordered list dengan angka romawi kecil</li>
<li>Ini juga contoh ordered list dengan angka romawi kecil</li>
</ol>
Untuk ordered list dengan angka romawi kapital
<ol class="kapital">
<li>Ini contoh ordered list dengan angka romawi kapital</li>
<li>Ini juga contoh ordered list dengan angka romawi kapital</li>
<li>Ini juga contoh ordered list dengan angka romawi kapital</li>
</ol>
<li>Ini contoh ordered list dengan angka romawi kapital</li>
<li>Ini juga contoh ordered list dengan angka romawi kapital</li>
<li>Ini juga contoh ordered list dengan angka romawi kapital</li>
</ol>
Semoga tutorial diatas berguna untuk kalian.
Ordered list adalah suatu daftar dalam HTML dimana terdapat item-item terurut atau memiliki nomor secara urut dalam sebuah daftar. Ordered list dimulai dengan tag awal
. Berikut contoh penggunaan tag tersebut.
Original Source : http://world-of-programmer.blogspot.com/2010/10/belajar-html-ordered-list-dan-unordered.html
Copyright world-of-programmer.blogspot.com
- dan diakhiri dengan tag
Original Source : http://world-of-programmer.blogspot.com/2010/10/belajar-html-ordered-list-dan-unordered.html
Copyright world-of-programmer.blogspot.com
LP3I Kampus Pulogadung
0 komentar:
Posting Komentar