<TR>
<TD>kolom 1 dari baris 1</TD>
</TR>
</TABLE> Simpan di editor HTML misal Notepad pilih save dengan extensi htm atau html misal tabel.html. Buka browser misal Mozilla forefox pilih file>open file>tabel.html. Mana tabelnya..? sebenarnya tabel yang di buat memang sudah berbetnyuk tabel tetapi belum ada bingkainya untuk memperjelas. Lalu...? Tambahkan tag border di dalam tag tabel seperti ini
<TABLE border=1>
<TR>
<TD>kolom 1 dari baris 1</TD>
</TR>
</TABLE> Jadinya seperti ini
Jika saya ingin membuat tabel lebih dari satu baris dan kolom..bagaimana caranya..? Untuk menambah satu kolom Tambahkan tag <TD></TD> lagi setelah <TD></TD> Untuk menambahkan baris tambahkan tag <TR></TR>
Contoh menambahkan baris
<TABLE BORDER=1>
<TR>
<TD>kolom 1 dari baris 1</TD>
<TD>kolom 2 dari baris 1</TD>
</TR>
</TABLE> Jadinya seperti ini
Contoh menambahkan baris
<TABLE BORDER=1>
<TR>
<TD>kolom 1 dari baris 1</TD>
<TD>kolom 2 dari baris 1</TD>
</TR>
</TABLE> Jadinya seperti ini
Contoh menambahkan kolom
<TABLE BORDER=1>
<TR>
<TD>kolom 1 dari baris 1</TD>
<TD>kolom 2 dari baris 1</TD>
<TR><TD>KOLOM 2 BARIS 2</TD><TD>KOLOM 2 BARIS 2</TD>
</TR>
</TABLE> Jadinya seperti ini
<TABLE BORDER=1>
<TR>
<TD>kolom 1 dari baris 1</TD>
<TD>kolom 2 dari baris 1</TD>
<TR><TD>KOLOM 2 BARIS 2</TD><TD>KOLOM 2 BARIS 2</TD>
</TR>
</TABLE> Jadinya seperti ini
Menambahkan atribut CELLSPACING dan CELLPADDING
CELLSPACING di gunkan untuk memberi jarak antara sel satu dengan sel lainyasedangkan CELLPADDING digunakan untuk memberi jarak antara sel dengan teks di dalamnya.
Contoh tabel menggunakan CELLSPACING
<TABLE BORDER=1 CELLSPACING=10>
<TR>
<TD>kolom 1 dari baris 1</TD>
<TD>kolom 2 dari baris 1</TD>
</TR>
<TR>
<TD>kolom 1 dari baris 2</TD>
<TD>kolom 2 dari baris 2</TD>
</TR>
</TABLE> Jadinya seperti ini
CELLSPACING di gunkan untuk memberi jarak antara sel satu dengan sel lainyasedangkan CELLPADDING digunakan untuk memberi jarak antara sel dengan teks di dalamnya.
Contoh tabel menggunakan CELLSPACING
<TABLE BORDER=1 CELLSPACING=10>
<TR>
<TD>kolom 1 dari baris 1</TD>
<TD>kolom 2 dari baris 1</TD>
</TR>
<TR>
<TD>kolom 1 dari baris 2</TD>
<TD>kolom 2 dari baris 2</TD>
</TR>
</TABLE> Jadinya seperti ini
Nilai CELLSPACING =10 berarti jarak anta sel satu dengan lainya adalah 10 pixel
Contoh tabel menggukan CELLPADDING
<TABLE BORDER=1 CELLPADDING=10>
<TR>
<TD>kolom 1 dari baris 1</TD>
<TD>kolom 2 dari baris 1</TD>
</TR>
<TR>
<TD>kolom 1 dari baris 2</TD>
<TD>kolom 2 dari baris 2</TD>
</TR>
</TABLE> Jadinya seperti ini
Contoh tabel menggukan CELLPADDING
<TABLE BORDER=1 CELLPADDING=10>
<TR>
<TD>kolom 1 dari baris 1</TD>
<TD>kolom 2 dari baris 1</TD>
</TR>
<TR>
<TD>kolom 1 dari baris 2</TD>
<TD>kolom 2 dari baris 2</TD>
</TR>
</TABLE> Jadinya seperti ini
Nilai CELLPADDING =10 berarti jarak antara sel dan teks adalah 10 pixel
Contoh Jika CELLSPACING dan CELLPADDING di gabungkan
<TABLE BORDER=1 CELLPADDING=10 cellspacing=10>
<TR>
<TD>kolom 1 dari baris 1</TD>
<TD>kolom 2 dari baris 1</TD>
</TR>
<TR>
<TD>kolom 1 dari baris 2</TD>
<TD>kolom 2 dari baris 2</TD>
</TR>
</TABLE> Jadinya seperti ini
Contoh Jika CELLSPACING dan CELLPADDING di gabungkan
<TABLE BORDER=1 CELLPADDING=10 cellspacing=10>
<TR>
<TD>kolom 1 dari baris 1</TD>
<TD>kolom 2 dari baris 1</TD>
</TR>
<TR>
<TD>kolom 1 dari baris 2</TD>
<TD>kolom 2 dari baris 2</TD>
</TR>
</TABLE> Jadinya seperti ini
Seperti itulah cara membuat tabel yang akan di posting di blog. Jangan lupa pada halaman postingan klik Edit Html untuk meletakan kode Html tabel lalu klik Compose untuk kembali seperti semula (pada blogspot). Semoga mengerti dan paham. Selamat mencoba.
|