Selamat Datang di OKESHAREZONE!
FIND US ON:

Cara Membuat Tabel Di Blog

HABIS BACA LANGSUNG SHARE :)
Kali ini Kang Hilman akan membicarakan mengenai Cara Membuat Tabel Di Blog. Gimana caranya? Yuk kita simak.
 
Untuk membuat tabel paling  tidak harus ada minimal 3 tag HTML yaitu <table></table>yang mendefinisikan bahwa ini adalah tabel <tr> </tr>untuk membuat baris dan <td></td> untuk membuat kolom dan setiap tag di akhiti dengan tag penutup jika tag <table> maka tag penutupnya </table> begitu juga yang lainya  Contoh <TABLE>
<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 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





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






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







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








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.
KOMENTAR ANDA
Back To Top
OKESHAREZONE
© 2012-2015
OKECORP NETWORK - All Right Reserved
Supported by