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 !!!
Posting Komentar