Membuat Daftar

Diposting oleh Unknown | | Posted On Senin, 02 Januari 2017 at 18.04

·    
Hay,, Ketemu lagi dengan mimin. Gimana,?? Sehat bukan ? Yukk kita terusin belajar HTML 5 nya. Pada kesempatan kali ini kita akan membahas tentang bagaimana cara membuat daftar, misalnya nig, daftar menu, absen, dan lain sebagainya.
 
      Daftar Berurutan (Ordered List)
Ordered List digunakan untuk membuat daftar, dimana setiap bagian memiliki nomor secara berurutan. Elemen ini dituliskan dengan pasangan tag <ol>...</ol>
      Daftar tidak berurutan (Unordered List)
Unordered List digunakan untuk membuat daftar yang disajikan tanpa nomor urut, melainkan dengan scara default dengan tanda bulatan utuh (bullet). Tanda ini bisa dirubah dengan mengubah nilai atribut TYPE untuk unordered list. Unordered list dimulai dengan tag <UL> dan diakhiri dengan tag </UL>, sedangkan setiap bagiannya digunakan tag <LI> dan diakhiri dengan tag </LI>.
      Daftar (List)
Elemen ini digunakan untuk mendefinisikan setiap list atau item untuk tag <ol> dan <ul>, sehingga penulisan tag ini berada di dalam elemen <ol> atau <ul>. Tag <li> memiliki atribut type untuk merubah jenis tanda itemnya, diantaranya :


 Untuk ordered list :
Value
Keterangan
A
Huruf kapital digunakan sebagai pengganti nomor urut (A, B, C,.....)
a
Huruf kecil digunakan sebagai pengganti nomor urut (a, b, c,.....)
I
Angka romawi dengan huruf besar digunakan sebagai pengganti nomor urut (I,II,III.....)
i
Angka romawi dengan huruf kecil digunakan sebagai pengganti nomor urut (i,ii,iii.....)
1
Angka biasa digunakan sebagai nomor urut (1,2,3....)

Untuk unordered list :
Value
Keterangan
Simbol
CIRCLE
Daftar dibuat dengan tanda lingkaran
o  
DISC
Daftar dibuat dengan tanda cakram
●      
SQUARE
Daftar dibuat dengan tanda kotak
 

Contoh 1. Ordered list










Contoh 2. Unordered list



 
      Daftar Kamus (Definition List)
Definition List membuat daftar definisi mirip seperti tampilan pada kamus, dengan definisi suatu istilah agak menjorok kekanan. Tiga buah pasang tag yang terkait dengan definition list adalah :
v  <DL>...</DL> untuk menyatakan tempat bagi daftar definisi
v  <DT>...</DT> untuk menyatakan tempat bagi istilah yang akan didefinisikan
v  <DD>...</DD> untuk menyatakan tempat bagi definisi dari istilah
Contoh :



Sekian postingan hari ini. Semoga tiap hari makin faham dan mahir. Selamat berjuang !!!

Comments:

There are 0 komentar for Membuat Daftar

Posting Komentar