Latest News

Membuat Bullet and Numbering (Daftar Isi) di HTML

Bullet and Numbering mungkin tidak absurd lagi ditelinga anda yang biasa menggunakan Microsoft Word. Format yang biasa dipakai untuk membuat daftar isi atau list ini mampu juga di gunakan di halaman website/blog. Penggunaanya cukup sederhana, anda hanya perlu mengenal Tag Ordered List (OL) adalah daftar yang berupa angka atau huruf abjad. Sedang untuk membuat daftar yang berupa Bullet menggunakan Tag Unordered List (UL). Berikut pola 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 mampu juga membuat Daftarnya dengan Type yang lain, adalah dengan menambahkan Attribut Type, sebagai pola :

<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)