Selamat Datang di Okesharezone! | FORUM | LOGIN | REGISTER
Cara Membuat Tabel Di Blog

HUT RI Ke-69
Berita dan Informasi Online Indonesia
The Cybernews Media

HUT RI Ke-69
INDEX BERITA / TAG BERITA
FIND US ON:
  • Great spirits have always encountered violent oppotion from mediocre mind.
  • Jangan pernah berfikir tidak akan pernah bisa mendaptkan dia, meraih cita-cita,dan segala hal yang kau inginkan.
  • Genggamlah bumi sebelum bumi menggengam anda, pijaklah bumi sebelum bumi memijak anda, maka perjuangkanlah hidup ini sebelum anda memasuki perut bumi.
  • Berbahagialah anda jika masih bisa merasa sedih karena itu artinya anda siap menerima kebahagiaan.
  • Janganlah berdoa untuk hidup yang mudah, tetapi berdoalah untuk menjadi manusia yang tangguh.
  • Progress is the product of human agency. Things get better because we make them better. Things go wrong when we get too comfortable, when we fail to take risks or seize opportunities.
  • You can't have a light without a dark to stick it in.
  • You must not lose faith in humanity. Humanity is an ocean; if a few drops of the ocean are dirty, the ocean does not become dirty.
  • When I do good, I feel good; when I do bad, I feel bad, and that is my religion.
  • Half the money I spend on advertising is wasted; the trouble is I don't know which half.
LIKE terus OKESHAREZONE Untuk Dapatkan Berita Terbaru Indonesia!Follow twitter kita di »
(close)
BERITA TERBARU
22 Juli 2014, keputusan hasil pemilihan umum calon presiden dan wakil presiden RI 2014 telah ditetapkan. Dengan perolehan 53,15% total suara sah nasional, pasangan nomor urut 2 maju sebagai presiden dan wakil presiden RI periode 2014-2019.
Berita lengkap seputar Lebaran 2014. Segenap redaksi Okesharezone mengucapkan "Takoballahu mina waminkum. Minal Aidin Wal Faidzin, Mohon Maaf Lahir dan Batin".

KATEGORI BERITA

Cara Membuat Tabel Di Blog

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.

Berlangganan artikel via email

Buat apa baca berita tanpa share berita? Share beritanya sekarang!

Previous
Next Post »
Artikel Terkait:


APA KOMENTAR ANDA?


Rating: 5.0 - Reviewer: Kang Hilman - ItemReviewed: Cara Membuat Tabel Di Blog

SILAKAN BERKOMENTAR DENGAN BAHASA YANG SANTUN!
Jangan berkomentar SPAM, seperti promosi, memasang link hidup, dan lain-lain. Ingat! PROMOSI = SPAM !

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:
1. 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!".
2. Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan ke halaman OOT (Out Of Topic) dengan menekan tombol OOT di bawah ini. Out Of Topic Show Konversi KodeHide Konversi Kode Show EmoticonHide Emoticon

Terima kasih sudah berkomentar
BACA JUGA ARTIKEL DIBAWAH INI YA!

close

© Copyright 2014 Okesharezone. Hak cipta dilindungi Undang-Undang. | Google Ping Production:
OKECORP Network
 
WHAT'S HOT! close button
Back to top