Kumpulan Informasi Loker dan Kuliah di Indonesia

Friday, April 17, 2015

Cara Membuat Ordered List Dalam Halaman Web

8:14:00 PM Posted by Abdul Rohman No comments
Apa yang telah kta ketahui bahwa nomor item secara default adalah menggunakan angka 1,2,3,... dan seterusnya sampai dengan jumlah item dalam list yang kita buat. Untuk keperluan penyajian tertentu kita dapat mengubah nomor dalam Ordered List dengan model angka yang lain atau huruf dengan mengisi atribut type pada tag <ol>

Berikut adalah nilai-nilai yang digunakan untuk mengubah numbering pada list yaitu sebagai berikut:
  1. i = ditampilkan dengan anka romawi huruf kecil
  2. I = ditampilkan dengan anka romawi huruf besar
  3. a = diubah dengan menggunakan abjad huruf kecil
  4. A = diubah dengan menggunakan abjad huruf besar
Selain atribut tipe tersebut diatas, ada juga atribut start yang digunakan untuk mendefinisikan nomor awal yang digunakan pada ordered list. Cintoh kita ingin nomor dimulai dengan angka 5, naka tag yang digunakan yaitu <ol start=5> ...</ol>

Contoh:

<html>
<body>
<h5>Number List: </h5>
<ol>
<li>Apel</li>
<li>Jeruk</li>
<li>Mangga</li>
</ol>
<h5>Huruf Besar List: </h5>
<ol type="A">
<li>Apel</li>
<li>Jeruk</li>
<li>Mangga</li>
</ol>
<h5>Huruf Kecil list: </h5>
<ol type="a">
<li>Apel</li>
<li>Jeruk</li>
<li>Mangga</li>
</ol>
<h5>Nomor Romawi Besar list: </h5>
<ol type="I">
<li>Apel</li>
<li>Jeruk</li>
<li>Mangga</li>
</ol>
<h5>Nomor Romawi Kecil list: </h5>
<ol type="i">
<li>Apel</li>
<li>Jeruk</li>
<li>Mangga</li>
</ol>
</body>
</html>

Hasilnya:





















0 komentar:

Post a Comment