Senin, 23 September 2013

Bullet and Numbering pada dokumen HTML

Pada tampilan dokumen HTML terkadang kita menginginkan terlihat lebih unik dan menarik. Selain itu mungkin kita hanya ingin memprerjelas sesuatu informasi, dalam hal ini misalnya kita ingin informasi tersebut diletakkan pada poin-poin khusus atau list-list. Dan disinilah kita akan mulai mempelajari cara membuat tagnya.
1.Membuat bullet
Dalam membuat bullet tag yang digunakan adalah tag ul=> <ul> dan untuk mengakhirinya adalah </ul>
Berikut adalah contohnya:


Pada Tag diatas bullet tidak tampil karna kita belum memilih jenis dari bullet tersebut. Bullet berbentuk lingkaran dituliskan dengan tag <li type="circle">text sedangkan bullet hitam dituliskan dengan tag <li type="disk">text dan bullet berbentuk persegi dituliskan dengan tag <li type="square">letakkan teks disini.
Di bawah ini adalah contohnya:




2.Numbering
Adakalanya daftar suatu item dikehendaki tampil dengan nomor urut.Dengan menggunakan tag <ol> pemberian nomor dapat di otomatiskan tanpaharus menuliskan nomornya satu per satu.
Agar lebih jelas lihatlah contohnya:


Daftar Definisi
HTML menyediakan jenis daftar khusus yang disebut daftar definisi (definition list). Daftar ini menyediakan tampilan dengan format mirip kamus, dengan definisi suatu istilah diletakan agak menjorok ke kanan.
Tiga buah pasangan tag untuk daftar definisi ini adalah <DD>...</DD> =>digunakan untuk menyatakan wadah bagi definisi istilah.<DT>...</DT> => digunakan untuk menyatakan wadah bagi istilah yang akan di definisikan. <DL>...</DL> => digunakan untuk menyatakan wadah bagi daftar.
Agar lebih jelas lihatlah contohnya:

Dan ini adalah beberapa contoh latihan dalam membuat bullet, numbering dan daftar definisi.