Wednesday, March 6, 2013

Cara membuat Tabel pada Postingan/Blog

Malam sobat Prastyblogger yang setia berkunjung dan selalu menunggu postingan yang menarik dan unik di Blog ini.

Setelah kemarin posting Cara Membuat Tulisan Berkedip-kedip kali ini saya mau berbagi tentang Cara Membuat Table di Blog.Langsung saja simak baik-baik.

Di sini saya ingin menunjukkan bagaimana cara membuat table di blog mulai dari satu kolom sampai beberapa kolom. Tentu saja ini ditujukan bagi Anda yang belum tahu bagaimana cara membuat table di blog. Beberapa attribute yang biasa digunakan untuk membuat table adalah :
   1.<tabel> :Perintah untuk membuat Tabel
   2.<tr> :Perintah untuk membuat Baris
   3.<td> :Perintah untuk membuat Kolom

Untuk lebih jelasnya silahkan sobat lihat Contoh di bawah ini:
<table border="1" align="left"><tbody><tr><td>nama tabel</td></tr></table>

Tabel akan seperti ini :

nama tabel


Kalau yang 2 kolom kodenya :
<table border="1" style="width:"auto">
<tr>
<td>dua kolom</td>
<td>dua kolom</td>
</tr>
</table>
Hasilnya seperti ini :


dua kolom dua kolom
Atau sobat bisa makai yang ini :
<table border="1" style="width:"auto">
<tr>
<td>dua baris kolom</td>
<td>dua baris kolom</td>
</tr>
<tr>
<td>dua baris kolom</td>
<td>dua baris kolom</td>
</tr>
</table>

dua baris kolom dua baris kolom
dua baris kolom dua baris kolom
Dengan cara di atas Anda bisa menambahkan menjadi beberapa kolom.
Sekarang kita coba untuk menambahkan beberapa attribute.
<table border="1" bgcolor=""  cellpadding="5" cellspacing="5"

style="width:"auto"gt;
<tr>
<td align="center" colspan="5"> Table </td></tr>
<tr>
<td align="left" bgcolor=""> cell colspan 1 </td>
<td align="left" bgcolor=""> cell colspan 2 </td>
<td align="left" bgcolor=""> cell colspan 3 </td>
<td align="left" bgcolor=""> cell colspan 4 </td>
<td align="left" bgcolor=""> cell colspan 5 </td>
<tr/>
</table>


style="width:"auto"gt;

Table
cell colspan 1 cell colspan 2 cell colspan 3 cell colspan 4 cell colspan 5

Selanjutnya Sobat bisa memodifikasi cara membuat table di atas dengan kreasi Sobat sendiri.
Semoga bermanfaat buat Sobat Blogger

Silahkan kunjungi juga Artikel  Menarik dibawah ini :

1. Cara Setting Kotak Postingan Yang Simpel
2. Cara Pasang Kode Warna Di Blog
3. Cara Lihat Kecepatan Loading Blog

Comments
8 Comments

8 comments:

  1. lam kenal gan,,kunjungan perdana,,,,
    kunbaliknya y gan...

    ReplyDelete
  2. Ternyata simple banget gan thanks udah share nih ^^

    ReplyDelete
    Replies
    1. @Dpjkt48 :YA ,gan sma=-sama..
      maksih dh berkunjung??

      Delete
  3. Makasih ya buat sharingnya....manfaat banget :)

    ReplyDelete
    Replies
    1. @DIANA :sama-sama diana,,trimakasih kalau artikel diatas bermanfaat buat sobt blogger...
      maksih juga ats kunjunganya...

      Delete
  4. keren sob...
    komentar balik di blog saya ya..!

    ReplyDelete