Membuat Bullet and Numbering (Daftar Isi) di HTML

Posted by

Bullet and Numbering mungkin tidak asing lagi ditelinga anda yang biasa menggunakan Microsoft Word. Format yang biasa dipakai untuk membuat daftar isi atau list ini bisa juga di gunakan di halaman website/blog. Penggunaanya cukup sederhana, anda hanya perlu mengenal Tag Ordered List (OL) yaitu daftar yang berupa angka atau huruf abjad. Sedang untuk membuat daftar yang berupa Bullet menggunakan Tag Unordered List (UL). Berikut contoh penggunaanya :



1. Contoh Penggunaan Ordered List (Daftar Numbering)

<ol>
<li>Halaman Utama
<li>Profil
<li>Galery
<li>Kontak Kami
</ol>

Hasilnya
  1. Halaman Utama
  2. Profil
  3. Galery
  4. Kontak Kami

Secara default akan muncul modelnya 1,2,3.....dst, tetapi anda bisa juga membuat Daftarnya dengan Type yang lain, yaitu dengan menambahkan Attribut Type, sebagai contoh :

<ol type="A">
<li>Halaman Utama
<li>Profil
<li>Galery
<li>Kontak Kami
</ol>

Hasilnya
  1. Halaman Utama
  2. Profil
  3. Galery
  4. Kontak Kami

Adapun Type - type yang lainya sebagai berikut :
---------------------------------------------------------
Type Fungsi
---------------------------------------------------------
A Untuk membuat daftar urut "A, B, C, D...........dst."
a Untuk membuat daftar urut "a, b, c, d...........dst."
I Untuk membuat daftar urut "I, II, III,...........dst."
i Untuk membuat daftar urut "i, ii, iii,...........dst."
----------------------------------------------------------

Jika ingin memulai bukan dari angka pertama maka tambahkan attribut Start = 3, berarti dimulai dari angka 3.


2. Contoh Penggunaan Unordered List (Daftar Bullet)

<ul>
<li>Halaman Utama
<li>Profil
<li>Galery
<li>Kontak Kami
</ol>

Hasilnya
  • Halaman Utama
  • Profil
  • Galery
  • Kontak Kami

Adapun Type - type yang lainya sebagai berikut :
  • Circle
  • Square
  • Disc

Keterangan :
UL = Unordered List (Daftar Bullet)
OL = Ordered List (Daftar Numbering)
Li = List Item (Bagian dari Ordered / Unordered List)



<
Blog, Updated at: 11.01

3 komentar: