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

6 komentar:

  1. thx...sob..daftar bulletnya nie yang q cari-cari...

    BalasHapus
  2. Terima kasih atas sharing infonya. Dengan tag ol dan ul dapat dipakai untuk list dengan model yang ordered(1,2,3 atau A,B,C), sedangkan unordered tidak ada urutan.

    Kunjungi blog saya ya: https://tedsu.mahasiswa.atmaluhur.ac.id
    dan website kampus saya: http://www.atmaluhur.ac.id

    BalasHapus
  3. siang admin,
    artikel nya sangat bermanfaat,yang saya terima dari artikel ini intinya kita harus terlebih dahulu kenal dengan tag ordered list (OL) yaitu daftar yang berupa angka atau huruf anjad sedangkan membuat daftar yang berupa bullet menggunakan tag unordered list (UL)
    yang paling saya sukai dalam artikel ini adalah contoh penggunaan dan hasilnya dari UL,OL, Li yang memudahkan pembaca untuk mudah dimengerti,terutama saya,.
    thanks admins


    jangan lupa kunjungi website kampus kami http://www.atmaluhur.ac.id

    dan website saya https://akbarfitriansyah.mahasiswa.atmaluhur.ac.id

    BalasHapus
  4. terima kasih mass ... artikel yang sanagat membantu bagi kami untuk Membuat Bullet and Numbering (Daftar Isi) di HTML
    Kunjungi juga website saya di : https://bagussmj.mahasiswa.atmaluhur.ac.id/
    dan website kampus saya di : http://www.atmaluhur.ac.id/

    BalasHapus