Kadang kita membutuhkan untuk menampilkan tabel pada blog kita sebab dengan menggunakan tabel kita bisa menyajikan data dan informasi lebih singkat dan akurat. Tetapi kendala terbesar yang dialami oleh kita adalah teks editor yang disediakan oleh wordpress.com, blogger.com ataupun CMS yang lain tidak memberikan fasilitas untuk membuat tabel. Mau tidak mau kita harus membuatnya sendiri dan mau tidak mau juga kita harus mempelajari membuat kode html.
Saya akan langsung memberikan contoh kepada anda bagaimana untuk membuat tabel dengan cara paling sederhana dan mudah.
Format berikut merupakan cara paling sederhana dan mudah untuk membuat tabel anda di blog WordPress.com, Blogger.com ataupun Blog Lainnya dengan jaminan 100% kompatibel dengan browser apapun juga 
:
| <table>
<tbody> <tr> <td> Juara 1 </td> <td> Zahra </td> </tr> </tbody> </table> |
kode tersebut akan menampilkan tabel berikut:
| Juara 1 | Zahra |
| Juara 2 | Ella |
| Juara 3 | Lita |
| Juara 4 | Irma |
Keterangan :
Jika anda ingin tampilan tabel lebih bagus lagi anda dapat merubah properti dari tabel tersebut, seperti tampilan border, lebar kolom, tinggi baris, warna background dan lain-lain.
Contoh dari penggunaan properti dari tabel dapat anda lihat pada kode html di bawah ini :
| <table id=”tabletipsikansegar” style=”border-collapse: collapse” border=”2″ width=”490″ bordercolor=”#966432″> <tbody> <tr> <td align=”center” bgcolor=”#92c783″><strong>Item</strong></td> <td width=”175″ align=”center” bgcolor=”#92c783″><strong>Ikan yang mulai membusuk</strong></td> <td width=”175″ align=”center” bgcolor=”#92c783″><strong> Ikan Segar</strong></td> </tr> <tr> <td align=”center”>Bau</td> <td width=”175″ align=”center”>berbau busuk</td> <td width=”175″ align=”center”>bau ikan segar</td> </tr> <tr> <td align=”center”>Insang</td> <td width=”175″ height=”24″ align=”center”>insang berwarna kelabu dengan lendir tebal;</td> <td width=”175″ height=”24″ align=”center”>insang berwarna merah;</td> </tr> <tr> <td align=”center”>Mata</td> <td width=”175″ align=”center”>mata suram dan tenggelam</td> <td width=”175″ align=”center”>mata jernih menonjol;</td> </tr> </tbody></table> |
Tampilan dari kode tersebut adalah sebagai berikut :
| Item | Ikan yang mulai membusuk |
Ikan Segar |
| Bau | berbau busuk | bau ikan segar |
| Insang | insang berwarna kelabu dengan lendir tebal; | insang berwarna merah; |
| Mata | mata suram dan tenggelam | mata jernih menonjol; |
.
Terima kasih banget, sangat membantu….
Salam kenal
Johari
http://joharicybermedia.wordpress.com
awal yang baik
Trims atas info nya
terima kasih atas infonya, sangat bermanfaat untuk saya..