HTML DAFTAR
Assaamu'alaikum Wr. Wb
Hai teman-teman semua, terima kasih masih setia mengunjungi blog saya yg sederhana ini, setelah sebelumnya kita sudah belajar mengenai Tabel pada HTML. Pada kesempatan kali ini kita akan belajar tentang Pembuatan daftar/list pada HTML.
Langsung saja yuk....
1. UNORDERED LIST
Menggunakan tag <ul>, setiap item daftar menggunakan tag <li>.
Contoh :
Hasilnya :
Dalam UNORDERED LIST gaya item daftar ada beberapa macam, antara lain :
Hasilnya :
2. ORDERED LIST
Menggunakan tag <ol>, setiap item daftar menggunakan tag <li>.
Contoh :
Hasilnya :
Sama seperti UNORDERED LIST, dalam ORDERED LIST juga terdapat beberapa gaya dalam item daftar. Antara lain :
Hasilnya :
3. DESKRIPSI HTML
HTML juga mendukung daftar deskripsi. tag <dl> mendefinisikan daftar deskripsi, tag <dt> mendefinisikan istilah/nama, tag <dd> menjelaskan setiap isitilah.
Contoh :
Hasilnya :
4. DAFTAR HTML BERSARANG
Disebut juga daftar didalam daftar.
Contoh :
Hasilnya :
5. DAFTAR HORIZONTAL
Daftar HTML bisa ditata dalam berbagai cara menggunakan CSS. Salah satu yang populer adalah dengan gaya Horizontal untuk membuat menu.
Contoh :
Hasilnya :
Jika ada yang kurang jelas, silakan tinggalkan jejak dikolom komentar. Sekian dari saya.
http://www.w3schools.com/html/html_lists.asp
Wassalamu'alaikum Wr. Wb