Cara Membuat Kotak Tabel Pada Postingan

Berikut adalah Langkah-langkah dan kode untuk membuat kotak tabel pada postingan.
Untuk membuat kotak dalam postingan, kita harus menggunakan kode HTML <table> ..... </table> yang didalamnya terdapat berbagai atribut sepeti berikut ini:

    * bordercolor --> warna dari garis tabel
    * bgcolor --> warna dari background tabel
    * cellpadding --> jarak antara tulisan dengan garis luar tabel
    * cellspacing --> jarak antar tulisan
    * border --> ketebalan garis pinggir tabel

          * dotted --> garis titik putus-putus
          * dashed --> garis datar putus-putus
          * double --> garis rangkap dua

    * align --> posisi dari isi tabel, bisa kiri, tengah, atau kanan
    * width --> lebar tabel
    * height --> tinggi tabel

<table border="1" style="width: 250px;"> <tbody> <tr> <td> Isi Tabel </td> </tr> </tbody></table>

hasilnya seperti ini

Isi Tabel

<table border="7" style="width: 400px;"> <tbody> <tr bgcolor="#99cc00"> <td align="center"> Isi Tabel </td> </tr> </tbody></table>

hasilnya seperti ini

Isi Tabel

<table width="400" border="7"> <tr bgcolor="#99CC00"> <td align="center"> Kolom 1 Baris 1 </td> <td align="center"> Kolom 2 Baris 1 </td> </tr> </table>

hasilnya seperti ini

Kolom 1 Baris 1

Kolom 2 Baris 1

<table border="5" bordercolor="blue" style="width: 400px;"> <tbody> <tr bgcolor="#33cccc"> <td align="center"> Kolom 1 Baris 1 </td> <td align="center"> Kolom 2 Baris 1 </td> </tr> <tr bgcolor="#33cccc"> <td align="center"> Kolom 1 Baris 2 </td> <td align="center"> Kolom 2 Baris 2 </td> </tr> <tr bgcolor="#33cccc"> <td align="center"> Kolom 1 Baris 3 </td> <td align="center"> Kolom 2 Baris 3 </td> </tr> </tbody></table>

hasilnya seperti ini

Kolom 1 Baris 1	Kolom 2 Baris 1
Kolom 1 Baris 2	Kolom 2 Baris 2
Kolom 1 Baris 3	Kolom 2 Baris 3

Selamat Mencoba...

Baca Juga Artikel Lain Berikut ini:

* Cara Menambahkan Tampilan Jam Pada Blog
* Cara Membuat Tulisan Berkedip-kedip
* Cara Menambah Image Pada Link Download
* Membuat Tulisan Bergerak
* Cara Mengganti Template Pada Blogspot
* Cara Menambahkan Gambar Slideshow Pada Blog
* Menambahkan Dafter Isi Pada Blog
* Menambahkan Tampilan Video Kedalam Blog
* Cara Membuat Menu Dropdown Standart
* Cara Membagi Postingan Menjadi Dua Kolom
* Cara Merubah Domain Dari Blogspot Menjadi .co.cc
* Memberi Background Warna Pada Tulisan Postingan
* Cara Membuat Pop-up
* Membuat Link Dalam Gambar
* Cara Membuat Kotak Tabel Dalam Postingan
* Cara Membuat Menu Drop Down Menggunakan CSS Menu Maker
* Membuat Kolom Scroll
* Cara Membuat Share Artikel
* Cara Membuat Text Area dan Textbox Area Berfasilitas Select All
* Cara Membuat Readmore
* Cara Membuat Iklan Melayang