Cara Mudah Menggunakan Tag List ol dan ul HTML -->

Iklan Semua Halaman

970px x 250px

Iklan

Cara Mudah Menggunakan Tag List ol dan ul HTML

Referensi
Sunday, 8 October 2017
Penggunaan tag list HTML ada dua jenis tag yaitu <ol> dan <ul>, tag <ol> (An ordered list) menapilkan type jenis urutan nomor dan huruf yaitu : armenian, arabic-indic, cjk-ideographic, decimal, decimal-leading-zero, georgian, hebrew, hiragana, hiragana-iroha, katakana, katakana-iroha, lower-alpha, lower-greek, lower-latin, lower-roman, upper-alpha, upper-greek, upper-latin, upper-roman, none, circle, disc, square, inherit, adapun tag <ul> (An unordered list) tidak menentukan urutan, menampilkan 4 type : disc (bullet to default), sircle (ring), square (kotak kecil) dan none. untuk menampilkan list item dari keduanya menggunakan tag code <li>.
Contoh default :
  • <ol>
  •     <li>teks satu</li>
  •     <li>teks dua</li>
  •     <li>teks tiga</li>
  • </ol>
  • <ul>
  •     <li>teks 1</li>
  •     <li>teks 2</li>
  •     <li>teks 3</li>
  • </ul>
  1. teks satu
  2. teks dua
  3. teks tiga
  • teks 1
  • teks 2
  • teks 3


Susunan tag kode seperti pada contoh diatas bisa dipermudah ketika menggunakan banyak tag list bersarang (nested) atau list didalam list dengan type yang berbeda-beda dalam jumlah daftar list yang banyak maka susunannya dapat diubah seperti contoh dibawah ini, silahkan anda coba edit dan klik Preview untuk melihat hasilnya.



Selamat mencoba dan tetep semangat dalam merapihkan susunan contoh makalah/skripsi di HTML.