HARI INI:
BERITA TERPOPULER DI OKESHAREZONE
Cara Membuat Tabel Di Blog
Berita dan Informasi Online Indonesia
The Cybernews Media
TOP @oSEARCH
FIND US ON:
LIKE terus OKESHAREZONE Untuk Dapatkan Berita Terbaru Indonesia!Follow twitter kita di »
(close)

WHAZZUP!
KATEGORI BERITA

Cara Membuat Tabel Di Blog

Diskusikan apa yang ingin Anda diskusikan. Diskusikan di MyOkesharezone!
Komentar via:
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.
LIKE & SHARE BERITA INI




Dapatkan berita lengkap sesuai kategori:

Ingin jadi member setia Okesharezone? Gabung dulu ke MyOkesharezone! myokesharezone.blogspot.com

Poskan Komentar

Catatan: (memasukan item pada komentar)
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA...</i>
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA...</i>
Untuk menciptakan efek tebal gunakan tag <strong>TEKS ANDA...</strong>

Link aktif akan dimatikan secara otomatis.

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

NB: Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (Out Of Topic) dengan menekan tombol OOT di bawah ini.

Konversi Kode di Sini! Emoticon OOT

IKUTI KAMI DI
KERJASAMA
PARTNER KAMI
MEDIA KAMI
MEDIA OKESHAREZONE CYBERNEWS

OKESHAREZONE
OKECORP Network
© Copyright 2013 Okesharezone. Hak cipta dilindungi Undang-Undang.

PARTNER LINK & RECOMMEND SOURCE: