Ek4zone.com

Membuat tabel pada blog bisa dijadikan sebagai tempat untuk mengumpulkan widget, tulisan, image dan sebagainya agar terlihat indah dan tersusun rapi pada blog. Bagi pengguna komputer yang sering mengoperasikan microsoft office seperti ms word dan ms excel, membuat tabel sangatlah mudah dengan menu-menu yang telah di sediakan. Tetapi untuk menampilkan tabel pada blog, haruslah menggunakan kode HTML dengan perintah <table> ........... <table> agar tabel bisa tampil pada blog.

Sebelum membuat sebuah tabel pada blog, terlebih dahulu hendaklah mengetahui beberapa atribut yang terdapat didalamnya :

bgcolor : untuk mengatur warna background/latar belakang tabel. Penempatan kodenya seperti ini : bgcolor="kode warna"

align : untuk mengatur tata letak tulisan yang ada pada tabel. Misalnya : rata kiri (left), rata kanan (right), rata tengah (center) dan rata kiri kanan (justify). Penempatan kodenya seperti ini : align="left""right""center""justify"

cellpadding : untuk mengatur jarak antara tepi sel dengan isi sel didalam sebuah tabel. Penempatan kodenya seperti ini : cellpadding="1 pixel"

border : untuk mengatur tingkat ketebalan garis tepi pada tabel. Penempatan kodenya seperti ini : border="1 pixel"

cellspacing : untuk mengatur jarak antar sel. penempatan kodenya seperti ini : cellspacing="1 pixel"

height : untuk mengatur tinggi tabel. Penempatan kodenya seperti ini : height="1 pixel""%"

weight : untuk mengatur lebar tabel. Penempatan kodenya seperti ini : weight="1 pixel""%"

Maka akan terbentuk sintaksnya seperti ini :

<table align="left""center""right"
bgcolor="color"
border="pixel"
cellpadding="pixel"
cellspacing="pixel"
width="pixel""%"
height="pixel""%">

.....................

</table>

Untuk membuat tabel tunggal maka kode HTML nya seperti dibawah ini :

<table width="200" border="1">
<tr>
<td align="left">

Contoh

</td>
</tr>
</table>

Untuk membuat tabel dengan 1 baris dan 2 kolom, kodenya sebagai berikut :

<table width="300" border="1">
<tr>
<td align="left">

Kolom 1

</td>
<td align="left">

Kolom 2

</td>
</tr>
</table>

Untuk membuat tabel 2 kolom dan 2 baris kode HTML nya sebagai berikut :

<table width="300" border="1">
<tr>
<td align="left">

Contoh

</td>
<td align="left">

Contoh juga denk

</td>
</tr>
<tr>
<td align="left">

Contoh

</td>
<td align="left">

Contoh juga denk

</td>
</tr>
</table>

Dan untuk selajutnya silahkan kalian kembangkan sendiri, selamat mencoba yach...