cek this out:

<table border="1">
<tr>
<td>kolom 1</td>
<td>kolom 2</td>
<td>kolom 3</td>
</tr>
<tr>
<td>kolom 4</td>
<td>kolom 5</td>
<td>kolom 6</td>
</tr>
<tr>
<td>kolom 7</td>
<td>kolom 8</td>
<td>kolom 9</td>
</tr>
</table>

N hasilnya addalaaaah:


See??

Dengan element <table>, lo bisa ngedesain kolom dalam web lo sesuka yang lo mao. Mangtab kaaann??

Kalo dah ngerti sampe di seneh, gue yakin lo bisa nge-explore kemampuan lo ngebikin web.

Element <tr> berfungsi untuk nentuin jumlah baris dalam table, kalo lo liat contoh di atas, pasti bakal lo dapeton kalo ada 3 <tr>, bener kan?? N cek deh di gambar, ada 3 baris kaaan??

Gettoh soobb..

Nah, kalo element <td> berfungsi untuk nentuin jumlah kolom, kalo liat gambar, pasti ada 9 kolom kaan?? Nah, liat dehh syntag di atas!! Ada 9 <td> kaaan??

Gettoh soobb..

Okeh, liat gambar di bawah:

Nah, untuk bisa bikin kayak gambar di atas, ini syntagnya:

<table border="1" width="500" height="100" bgcolor="green">
<tr>
<td colspan="3" align="center">Header</td>
</tr>
<tr>
<td bgcolor="orange">kolom 4</td>
<td bgcolor="red">kolom 5</td>
<td bgcolor="blue">kolom 6</td>
</tr>
<tr>
<td colspan="3" align="center">Footer</td>
</tr>
</table>

Coba liat di daftar Element sama Tribut yang dah gue kasih di Artikel tentang Element dan Atribut, atribut colspan berfungsi untuk ngegabungin 2 kolom atau lebih. Dengan syarat lo kudu ngapus <td> yang ada di bawahnya.

kalo atribut bgcolor, buat bikin warna background sesuai sama kemauan lo..

Gampang kaaan??
hihihihi

Selamat mencobaaaa...
^^