Dias’s Collection
(Asfan M.)
http://Dias-x2.co.cc
mylibra@ymail.com
2010
Dias’s Collection
Tabel 2 (tabel
header)
Tabel 3 (tabel
header2)
Tabel 4 (tabel
body)
TD 1 (tabel TD 4 (tabel
body) body)
TD 2 (tabel
Tabel 6
body) Tabel 6
(tabel
menu) TD 5 (tabel (tabel menu)
body)
TD 3 (tabel
body)
Tabel 5 (tabel
footer)
Ket :
Tabel 1 : merupakan tabel yang pertama kali di buat dengan lebar misal 90%
Tabel 2 : tabel untuk membuat Header lebar 100% (mengikuti table induk)
Tabel 3 : tabel untuk membuat Header teks informasi dengan lebar 100%
(mengikuti table induk)
Tabel 4 : tabel untuk membuat Body lebar 100% (mengikuti table induk)
Tabel 5 : tabel untuk membuat footer lebar 100% (mengikuti table induk)
TD 1 : kolom dari pembuatan tabel body lebar 23% untuk penempatan menu kiri
TD 2 : kolom dari pembuatan tabel body lebar 2% untuk penempatan jarak pada
kolom TD 1 & TD 3
Kolom Tabel 3 TD 1 TD 2 TD 3 TD 4 TD 5
Langkah-langkah Pembuatan
Buat Tabel Induk pertama kali dan tentukan lebarnya dengan ukuran pixel / %,
untuk keakuratan lebih baik dengan pixel, Namun kali ini saya akan membahas
dengan menggunakan dalam satuan %, Misal: <table width=90%>
Buat Tabel Isi dalam tabel Induk dengan lebar masing-masing 100% dengan
urutan pembuatan :
1. Tabel 2 (Tabel header) dengan lebar 100% dan tinggi di sesuaikan sesuai
kebutuhan
2. Tabel 3 lebar 100%
3. Tabel 4 (Tabel body) dengan lebar 100%, untuk tinggi dalam tabel ini nantinya
akan menyesuaikan dengan isi dalam tabel tersebut, jika terdapat artikel yang
panjang vertikal kebawah maka tinggi akan menyesuaikan dengan panjang
artikel tersebut. Dalam tabel body untuk membuat menu maka perlu di buatkan
kolom-kolom untuk menentukan letak tabel menu, apakah di samping
kiri/kanan/ kedua-duanya kiri-kanan. Untuk membuat kolom menggunakan tag
TD :
Skript Pembuatan
Sebelum pembuatan Skript HTML baiknya memperhatikan gambar dan struktur dari contoh
diatas, karena diharapkan mampu menganalisa dan mempunyai gambaran sebelumnya
Tabel.htm
Sengaja memang skript saya perlihatkan sebagai gambar saja, karena jika
saya buat berupa teks ENAK Donk.....!! Copy-Paste Doank...... Heheheh....
Demikian Untuk Kali ini sampai disini saji,,, lain kali ita sambing lagi.....Untuk
Bag.2
Semoga bermanfaat dan berguna bagi yang bisa membuat Web dengan dasar HTML,
Jika ada kata-kata yang tidak enak, di enakin ja Wes.... hihihi....
Terima kasih
Dias’s Collection