Warung Bebas

Kamis, 12 Januari 2012

Cara membuat tabel di blog

      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.

  • Rahasia mencari uang di internet akhirnya di ungkap + Bonus pulsa Rp 50.000 klik disini
  • Promosikan bisnismu 100 x lebih cepat + Bonus pulsa Rp 5.000  klik disini
  • 1 JAM BISA BUAT WEBSITE +Bonus pulsa Rp 5.000 klikdisini 

0 komentar em “Cara membuat tabel di blog”

Posting Komentar

 

Kaya dari Internet Copyright © 2012 Fast Loading -- Powered by Blogger