|
Pelajaran 2 Oke, kita sudah membuat ini.... <TABLE>
...yang menghasilkan ini:
Pertama-tama mari kita buat agar lebih tampak seperti tabel dengan membuat garis batas. Setiap kali anda membuat perubahan dan ingin melihat hasilnya, simpan dengan Notepad dan klik tombol Reload/Refresh pada browser anda. <TABLE BORDER=1>
Mungkin anda ingin batas yang lebih besar? <TABLE BORDER=5>
Atau batas yang SANGAT BESAR? <TABLE BORDER=25>
Bagaimana jika TANPA batas? <TABLE BORDER=0>
Seperti anda lihat, hasilnya sama dengan yang pertama. Jadi, defaultnya (jika tidak dinyatakan lain) adalah tanpa batas. Mari kita pakai batas yang tidak terlalu besar. <TABLE BORDER=3>
Jika ukurannya tidak ditentukan, lebar tabel akan menyesuaikan dengan isinya. <TABLE BORDER=3>
Menentukan lebar tabel juga gampang sekali. <TABLE BORDER=3 WIDTH=100%>
Bagaimana kalau kita kurangi? <TABLE BORDER=3 WIDTH=75%>
Kita tinggalkan dulu teman-teman PANDUAN. <TABLE BORDER=3 WIDTH=75%>
Kita kurangi lebar tabel sampai setengah lebar window browser. <TABLE BORDER=3 WIDTH=50%>
Sekarang lebarnya kita ubah menjadi 50, BUKAN 50%. <TABLE BORDER=3 WIDTH=50>
Sekarang 100. <TABLE BORDER=3 WIDTH=100>
Kita juga bisa bermain-main dengan tinggi tabel. <TABLE BORDER=3 WIDTH=100 HEIGHT=75>
Kita bisa mengatur letak data di dalam sel. <TABLE BORDER=3 WIDTH=100 HEIGHT=75>
<TABLE BORDER=3 WIDTH=100 HEIGHT=75> <TR> <TD ALIGN=RIGHT>PANDUAN</TD> </TR> </TABLE>
<TABLE BORDER=3 WIDTH=100 HEIGHT=75> <TR> <TD ALIGN=LEFT>PANDUAN</TD> </TR> </TABLE>
Kita juga dapat menentukan letak data secara vertikal di dalam sel. <TABLE BORDER=3 WIDTH=100 HEIGHT=75>
<TABLE BORDER=3 WIDTH=100 HEIGHT=75> <TR> <TD ALIGN=LEFT VALIGN=BOTTOM>PANDUAN</TD> </TR> </TABLE>
<TABLE BORDER=3 WIDTH=100 HEIGHT=75> <TR> <TD ALIGN=LEFT VALIGN=MIDDLE>PANDUAN</TD> </TR> </TABLE>
Saya akan tunjukkan sesuatu yang lain kepada anda. Gambar juga dapat dipakai (dan dimanipulasi) di dalam sel. Di dalam folder yang berisi file ini anda akan menemukan gambar kecil dengan nama orang.gif. Copykan ke folder anda sendiri yang berisi file tabel1.htm (tutorial, jika anda mengikuti saya sejak awal). Gantilah PANDUAN dengan tag IMG seperti di bawah ini. <TABLE BORDER=3 WIDTH=100 HEIGHT=75>
Belajar Sulap Bonus Cewek Seksi..! Bagaimana bisa? Tanya saja >>> webmaster
| ||||||||||||||||||||||||||||||||||||||||||