Rabu, 20 Maret 2013

Penggunaan Tag List Pada HTML Sub Lat 1


Penggunaan Tag List

Buat satu struktur HTML seperti yang sebelumnya yang pernah kita bahas, sekarang tambahkan tag list dalam tag <BODY>, dimana tag list ada 2 bentuk, yaitu tag <OL> untuk ordered list, dan tag <UL> un-ordered list.

Contoh penggunaan tag <OL>:





Hasil dari list_ol.html



Setelah melihat tampilan hasilnya, secara default list yang muncul berbentuk urutan nomor. Untuk merubah agar urutan list tidak berbentuk nomor dalam tag <OL> tambahkan atribut TYPE seperti contoh berikut.



Perhatikan hasilnya di Internet Explorer. Cobalah dengan untuk type “a”,” I ”,” i ”.
Tampilan dari list_ol_type.html :



Contoh penggunaan tag <UL>




Simpan dengan nama file list_ul.html, kemudian open file list_ul.html dengan Internet Explorer/Mozilla/sejenisnya, perhatikan hasilnya.

Tampilan dari list_ul.html :




Dalam latihan berikutnya, gunakan atribut value didalam tab <li> seperti pada script dibawah ini. 



Tampilan dari list_ol_value.html :



Untuk menggabungkan tag <OL> dan tag <UL> lihat contoh dibawah ini :




Simpan dengan nama file list_ol_ul.html, kemudian open file list_ol_ul.html dengan Internet Explorer/mozilla/sejenisnya, perhatikan hasilnya.


 

0 komentar:

Posting Komentar