MENGATUR DAFTAR ISI

Untuk mengatur daftar isi seperti text dan link supaya lebih rapih di lihatnya.
kita akan menggunakan kode OL(ordered list) UL(unordered list) dan LI(list item).
Contoh kita akan mengatur text atau linknya dengan menggunakan UL dan LI .
Contoh:<ul><li>Di sini isi text dan linknya</li><li>Di sini isi text dan linknya</li></ul>

Kode di atas akan menghasilkan daftar isi dengan bundaran seperti ini:

• Di sini isi text dan linknya
• Di sini isi text dan linknya

Nah keterangan di atas seperti ini: <ul> adalah bentuk type bundarannya, dan <li> adalah yang mengatur barisannya.. Nah untuk Bentuk <ul> itu bermacam macam jenisnya, ada SQUARE, CIRCLE dan DISC.. yang bundar, yang kotak dan yang kotak kosong.

Contoh untuk UL yang bentuk SQUARE.
Kodenya:<ul type="square"><li>Di sini isi text dan linknya</li><li>Di sini isi text dan linknya</li></ul>
Nah kode di atas akan tampil UL berbentuk kotak seperti ini:

• Di sini isi text dan linknya
• Di sini isi text dan linknya

Untuk UL yang bentuk CIRCLE.
Kodenya:<ul type="circle"><li>Di sini isi text dan linknya</li><li>Di sini isi text dan linknya</li></ul>
Nah kode ul yang ini akan menghasilkan kotak kosong seperti ini:

• Di sini isi text dan linknya
• Di sini isi text dan linknya

Dan untuk UL yang bentuk DISC itu sama dengan bentuk UL yang pertama di atas akan menghasilkan UL bundar.

---

Nah sekarang kita akan mengatur daftar isinya dengan menggunakan OL(ordered list) untuk pengganti UL(unordered list), UL itu bentuknya bundar, kotak dan kotak kosong. Tapi kalau OL itu bentuk huruf dan angka.
Contoh untuk menggunakan OL berbentuk huruf: <ol type="A"><li>Di sini isi text dan linknya</li><li>Di sini isi text dan linknya</li><li>Di sini isi text dan linknya</li></ol>
Kode di atas akan tampil dengan barisan urutan huruf seperti ini:

1. Di sini isi text dan linknya
2. Di sini isi text dan linknya
3. Di sini isi text dan linknya

Untuk OL yang berbentuk angka Kodenya: <ol type="1"><li>Di sini isi text dan linknya</li><li>Di sini isi text dan linknya</li><li>Di sini isi text dan linknya</li></ol>
Nah kode OL yang ini akan tampil dengan urutan angka seperti ini:

1. Di sini isi text dan linknya
2. Di sini isi text dan linknya
3. Di sini isi text dan linknya

Nah jadi fungsi OL itu untuk mempermudah kita menulis daftar urutan huruf dan angka. kita tidak harus susah susah menulis huruf A sampai Z dan menulis 1 sampai 100..
Dengan menggunakan kode OL kita cukup mengetikan huruf A dan nanti akan otomatis keluar huruf B,C,D dan seterusnya..
cara menulisnya dengan format seperti ini:
<ol type="A">
Dan untuk format angka tinggal di rubah hurufnya menjadi angka, contohnya seperti ini:
<ol type="1">
cukup mudahkan membuat daftar urutan angka dan huruf.?

Nah dan untuk mengisi text atau linknya kita harus menambahkan kode <li>
Contoh:
<ol type="1"><li>di sini untuk meletakan textnya</li> dan seterusnya, yang penting untuk mengisi textnya harus di awali kode <li> dan untuk penutupnya harus di ahiri kode </li> . Nah kalau sudah selesai menulis textnya nanti harus di akhiri dengan kode </ol>
selesai deh...

paham kan?.
ya sudah selamat berkreasi sendiri yah..

Artikel Terkait