Thursday, April 14, 2016

Cara membuat List pada HTML


List pada HTML merupakan suatu hal sederhana yang biasa dibuat agar user bisa memilih sesuatu atau memberikan informasi yang bercabang. 


 List juga memiliki banyak tipe, seperti;
  1. Unordered list
  2. Ordered list
  3. Nested list
  4. Description list 


Unordered list
Unordered list atau bisa dianggap sebagai susunan yang tidak teratur (ngarang heuhue). Maksud dari unorderd list disini adalah list yang tidak menggunakan angka, selebihnya lihat contoh dibawah ini :

Di Unordered list juga terdapat beberapa style attribute, yaitu;
  1. Disk
  2. Circle
  3. Square
  4. None









Ordered List
Ordered list merupakan sejenis kebalikan dari unordered, yang berarti list ini sudah tersusun. Contohnya seperti ini (aslinya ini yang default (angka) tapi salah koding, maaf ya hehe) :
Sama seperti unordered list, ordered list juga memiliki style attribute, yaitu;
  1. 1 (Angka)
  2. A (Alphabet kapital)
  3. a (Alphabet kecil)
  4. I (Angka romawi besar) 
  5. i (Angka romawi kecil)


Nested list
Nested list atau bisa dibilang list yang bersarang (list yang berada di dalam list). Kelihatan sulit, tapi sebenarnya ini mudah karna hanya perlu menambahkan script yang sama pada script yang sama itu juga /? . Oke contohnya seperti ini :

Description List
Description list adalah list yang menjelaskan tentang deskripsi dari suatu list, sebenarnya tidak ada bedanya dengan yang lain, bahkan mirip dengan OL None. Contohnya seperti ini :

Yap, sudah hanya itu yang saya tahu. Sisanya mungkin menu dengan CSS hehe. Oke, semoga bermanfaat ^^

0 comments: