Jumat, 18 April 2014

List HTML

LIST
HTML menyediakan 3 cara untuk membuat daftar atau list, yaitu

  • Ordered list
Ordered list digunakan untuk membuat daftar dimana setiap bagian memiliki nomor secara berurutan. Ordered list dimulai dengan tag <OL> dan diakhiri dengan tag </OL>, sedangkan setiap bagiannya digunakan tag <LI> tanpa tag penutup. Tag ini menggunakan angka sebagai urutan secara default, tapi bisa dirubah dengan merubah nilai atribut TYPE. Nilai-nilai atribut yang diijinkan dapat dilihat pada Tabel 13.1.
Tabel 13.1. Daftar atribut TYPE untuk Ordered list dan Unordered list.



  • Unordered list
Unordered list digunakan untuk membuat daftar yang disajikan tanpa nomor urut, melainkan dengan secara default dengan tanda bulatan utuh (bullet). Tanda ini bisa dirubah dengan merubah nilai atribut TYPE untuk unordered list. Nilai-nilai atribut yang diijinkan dapat dilihat pada tabel 13.1. Unordered list dimulai dengan tag <UL> dan diakhiri dengan tag </UL>, sedangkan setiap bagiannya digunakan tag <LI> tanpa tag penutup (lihat contoh pada Gambar 13.23).

Tipe lain dari list yang termasuk Unordered list adalah Directory list dan Menu list. Directory listmerupakan daftar tak bernomor yang digunakan untuk menangani direktori. Tag yang digunakanadalah <DIR> ... </DIR>. Menu list umumnya digunakan untuk menu pilihan. Tag yang digunakan adalah <MENU> ... </MENU>. Baik Direktori list maupun Menu list menghasilkan tampilan yang sama dengan Unordered list (Gambar 13.24 dan Gambar 13.25). 


  • Definition list
Definition list membuat daftar definisi mirip seperti tampilan pada kamus, dengan definisi suatu istilah agak menjorok ke kanan. Tiga buah pasang tag yang terkait dengan definition list adalah:
- <DL> ... </DL> untuk menyatakan tempat bagi daftar definisi.
- <DT> ... </DT> untuk menyatakan tempat bagi istilah yang akan didefinisikan.
- <DD> ... </DD> untuk menyatakan tempat bagi definisi dari istilah.
Contoh penggunaan Definition list dapat dilihat pada Gambar 13.26.



0 Komentar:

Posting Komentar

Berlangganan Posting Komentar [Atom]

<< Beranda