Selamat Datang!


Di situs Yayan He'eh

Hidup adaLah belajar! mempelajari apa yg dilihat dan dirasakan, belajar adalah proses! dari tidak tau menjadi tau, dari salah menjadi benar, dan dari gelap menjadi terang, melalui proses yg panjang, mari menjadi diri sendiri! sebuah pribadi yg berprestasi

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:

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:

Nah kode di atas akan tampil UL berbentuk kotak seperti ini:

Untuk UL yang bentuk CIRCLE. Kodenya:

Nah kode ul yang ini akan menghasilkan kotak kosong seperti ini:

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:

Kode di atas akan tampil dengan barisan urutan huruf seperti ini:

Untuk OL yang berbentuk angka Kodenya:

Nah kode OL yang ini akan tampil dengan urutan angka seperti ini:

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

Semoga Bermanfa'at bwat kalian
SHARE ON

Online : 1 user
Hari ini : 1 user
Minggu ini : 1 user
Bulan ini : 1 user
Total all : 242 Visitor

www.7freen.tk
By:Yayan He'eh
©2011-2012


XtGem Forum catalog