Cara Buat Tabel Di Blog

Kali ini, topik utama yang akan kita ulas adalah cara membuat tabel di blog. Sebenarnya, kode dasar yang dipake untuk membuat tabel adalah <table> isi apa aja </table> .Tinggal tambahin aja kode2 pelengkap sesuai kebutuhan...

Baiklah, kita mulai secara perlahan-lahan tapi pasti.

Untuk tabel tunggal kodenya seperti ini:::

<table width="100" border="1">
<tr>
<td>

intrik GO

</td>
</tr>
<table>

Maka hasilnya itu seperti ini:

intrik GO

Dan kalau ingin membesarkan sisi-sisinya, ganti angka 1 pada kode border itu menjadi angka yang anda inginkan. Contoh, saya memakai angka 5, maka hasilnya seperti :::

intrik GO

Kalau mau yang kolomnya ada dua, kodenya kayak dibawah ini ::

<table width="200" border="5">
<tr>
<td align="center">

intrik-Go

</td>
<td align="center">

Ai D Luffy

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

hasilnya dibawah ini :::

intrik-GO

Ai D luffy

Klu mau barisnya nambah, ya kodenya juga nambah, sperti ini:::

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

intrik-go

</td>
<td>

Ai D Luffy

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

Ace

<td>
<td>

Usop

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

Jika tabelnya ingin di beri warna, tinggal tambahkan kode bgcolor="kode warna" . contoh :

<table width="300" border="1" bgcolor="black">
<tr bgcolor="green">
<td align="center">

Contoh

</td>
<td align="center">

Contoh juga

</td>
<tr bgcolor="yellow">
<tr>
<td align="center">

Contoh lagi

</td>
<td align="center">

Contoh saja

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

Hasilnya dibawah ini :::

Contoh	Contoh juga
Contoh lagi	Contoh saja

Atau anda mau buat tabel seperti ini:::

Nama Contoh	Angka	Terbilang
A	1	satu
B	2	dua
C	3	tiga
D	4	empat

Nah,... kalu mau buat tabel begitu ya di bawah inilah kodenya:::

<table border="1" width="300"><tr bgcolor="#E0F8E0"><td align="center"><b>Nama Contoh</b></td><td align="center"><b>Angka</b></td><td align="center"><b>Terbilang</b></td></tr><tr><td align="center">A</td><td align="center">1</td><td align="left">satu</td></tr><tr><td align="center">B</td><td align="center">2</td><td align="left">dua</td></tr><tr><td align="center">C</td><td align="center">3</td><td align="left">tiga</td></tr><tr><td align="center">D</td><td align="center">4</td><td align="left">empat</td></tr></table>

Catatan :
1. Kode dasar dalam tabel adalah <table> ... </table>
2. Kode untuk membuat baris tabel <tr> ... </tr>
3. Kode untuk membuat kolom tabel <td> ... </td>
4. Kode umum yang menyertai dalam kode tabel adalah width (...px), border (...px), align (center, left, right) dan bgcolor (kode warna/#......)

Selamat membuat tabel dalam blog...