Mengungkap cara membuat eBook dan Cover 3 Dimensi hanya dalam 1 menit atau kurang

- Software Untuk Membuat E-Book PDF

- Software Untuk Membuat Cover 3 Dimensi Otomatis

- Software Untuk Membuat Logo Profesional

- Bonus 40 lebih software pendukung bisnis internet.

SEMUA ADA DALAM PAKET TOKOTOP 3 DIMENSI - INFO LENGKAP KLIK DISINI

 


 HOME  |  TUTORIAL:   Web Page  |  Tabel  |  Form  |  Frame  |  SULAPMAGIC.COM TOKOTOP.COM 

Cara Mudah
Membuat Tabel

Pelajaran 2

Oke, kita sudah membuat ini....

<TABLE>
<TR>
<TD>PANDUAN</TD>
</TR>
</TABLE>
 

...yang menghasilkan ini:
 
 
PANDUAN


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>
<TR>
<TD>PANDUAN</TD>
</TR>
</TABLE>
 
 
PANDUAN


Mungkin anda ingin batas yang lebih besar?

<TABLE BORDER=5>
<TR>
<TD>PANDUAN</TD>
</TR>
</TABLE>
 
 
PANDUAN


Atau batas yang SANGAT BESAR?

<TABLE BORDER=25>
<TR>
<TD>PANDUAN</TD>
</TR>
</TABLE>
 
 
PANDUAN


Bagaimana jika TANPA batas?

<TABLE BORDER=0>
<TR>
<TD>PANDUAN</TD>
</TR>
</TABLE>
 
 
PANDUAN

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>
<TR>
<TD>PANDUAN</TD>
</TR>
</TABLE>
 
 
PANDUAN


Jika ukurannya tidak ditentukan, lebar tabel akan menyesuaikan dengan isinya.

<TABLE BORDER=3>
<TR>
<TD>PANDUAN, Wawan dan Agung</TD>
</TR>
</TABLE>
 
 
PANDUAN, Wawan dan Agung


Menentukan lebar tabel juga gampang sekali.

<TABLE BORDER=3 WIDTH=100%>
<TR>
<TD>PANDUAN, Wawan dan Agung</TD>
</TR>
</TABLE>
 
 
PANDUAN, Wawan dan Agung


Bagaimana kalau kita kurangi?

<TABLE BORDER=3 WIDTH=75%>
<TR>
<TD>PANDUAN, Wawan dan Agung</TD>
</TR>
</TABLE>
 
 
PANDUAN, Wawan dan Agung


Kita tinggalkan dulu teman-teman PANDUAN.

<TABLE BORDER=3 WIDTH=75%>
<TR>
<TD>PANDUAN</TD>
</TR>
</TABLE>
 
 
PANDUAN


Kita kurangi lebar tabel sampai setengah lebar window browser.

<TABLE BORDER=3 WIDTH=50%>
<TR>
<TD>PANDUAN</TD>
</TR>
</TABLE>
 
 
PANDUAN


Sekarang lebarnya kita ubah menjadi 50, BUKAN 50%.

<TABLE BORDER=3 WIDTH=50>
<TR>
<TD>PANDUAN</TD>
</TR>
</TABLE>
 
 
PANDUAN


Sekarang 100.

<TABLE BORDER=3 WIDTH=100>
<TR>
<TD>PANDUAN</TD>
</TR>
</TABLE>
 
 
PANDUAN
Bisa anda lihat bahwa ada dua cara untuk menyatakan lebar tabel. Masing-masing dengan kegunaannya sendiri. Cara mana yang dipakai untuk apa tidak terlalu penting sekarang.


Kita juga bisa bermain-main dengan tinggi tabel.

<TABLE BORDER=3 WIDTH=100 HEIGHT=75>
<TR>
<TD>PANDUAN</TD>
</TR>
</TABLE>
 
 
PANDUAN


Kita bisa mengatur letak data di dalam sel.

<TABLE BORDER=3 WIDTH=100 HEIGHT=75>
<TR>
<TD ALIGN=CENTER>PANDUAN</TD>
</TR>
</TABLE>
 
 
PANDUAN


<TABLE BORDER=3 WIDTH=100 HEIGHT=75>
<TR>
<TD ALIGN=RIGHT>PANDUAN</TD>
</TR>
</TABLE>
 
 
PANDUAN

<TABLE BORDER=3 WIDTH=100 HEIGHT=75>
<TR>
<TD ALIGN=LEFT>PANDUAN</TD>
</TR>
</TABLE>
 
 
PANDUAN
Seperti anda lihat, defaultnya adalah ALIGN=LEFT
Kita juga dapat menentukan letak data secara vertikal di dalam sel.

<TABLE BORDER=3 WIDTH=100 HEIGHT=75>
<TR>
<TD ALIGN=LEFT VALIGN=TOP>PANDUAN</TD>
</TR>
</TABLE>
 
 
PANDUAN


<TABLE BORDER=3 WIDTH=100 HEIGHT=75>
<TR>
<TD ALIGN=LEFT VALIGN=BOTTOM>PANDUAN</TD>
</TR>
</TABLE>
 
 
PANDUAN

<TABLE BORDER=3 WIDTH=100 HEIGHT=75>
<TR>
<TD ALIGN=LEFT VALIGN=MIDDLE>PANDUAN</TD>
</TR>
</TABLE>
 
 
PANDUAN
Defaultnya adalah di tengah.

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>
<TR>
<TD ALIGN=LEFT VALIGN=MIDDLE><IMG SRC="orang.gif" WIDTH=32 HEIGHT=32></TD>
</TR>
</TABLE>
 
 
Saya pikir ini adalah saat yang tepat untuk menekankan pentingnya penggunaan ukuran dalam setiap gambar anda. Saya tidak akan berpanjang lebar, tapi hal itu akan memudahkan browser dan menghindarkan anda dari kejutan-kejutan kecil yang tidak menyenangkan.


 
TELL ME MORE - Percakapan Bahasa Inggris Dengan Komputer Anda..!
Tutorial Membuat Website: What do you want to learn today?
Membuat Web Page 1 2 3 4 5 6 7 8 9
Membuat Tabel 1 2 3 4 5 6
Membuat Form 1 2 3 4 5
Membuat Frame 1 2 3 4 5 6
Dapatkan DVD Tutorial Membuat Website - Klik di sini!


Terapi Gelombang Otak - Meningkatkan Konsentrasi, Kecerdasan, dan Daya Ingat


TUTORIAL MEMBUAT WEBSITE | CARA MEMBUAT WEBSITE

Belajar Sulap Bonus Cewek Seksi..! Bagaimana bisa? Tanya saja >>> webmaster