Yayan He'eh

Html untuk mengatur daftar isi

Untuk mengatur daftar urutan isi seperti text dan link supaya lebih rapi 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>

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:

Di sini isi text dan linknya
Di sini isi text dan linknya
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:

Di sini isi text dan linknya
Di sini isi text dan linknya
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. Selamat berkreasi !!