TABEL DENGAN 1 KOLOM

<table border="1" style="width: 500px;">
<tbody>
<tr>
<td scope="col"><div align="center">
Nama Kabupaten di Mars</div>
</td>
</tr>
<tr>
<td><div align="center">
Kab. Marshung batu, Kab.Marsukin, Kab. Mars Kox Slow Banget</div>
</td>
</tr>
</tbody></table>
<b>


TABEL DENGAN 2 KOLOM

<table border="1" style="width: 500px;">
<tbody>
<tr>
<td scope="col"><div align="center">
Nama</div>
</td>
<td scope="col"><div align="center">
Kelas</div>
</td>
</tr>
</tbody></table>
<b>Tabel 2 kolom dengan 2 baris</b>
<table border="1" style="width: 500px;">
<tbody>
<tr>
<td scope="col"><div align="center">
Nama</div>
</td>
<td scope="col"><div align="center">
Kelas</div>
</td>
</tr>
<tr>
<td scope="col"><div align="center">
Mbah Goggle</div>
</td>
<td scope="col"><div align="center">
berat</div>
</td>
</tr>
</tbody></table>

Dari contoh tadi yang perlu sobat perhatikan adalah

1. Untuk membuat satu kolom , sobat perhatikan kode yang berwarna biru pada Tabel 1 kolom, jika sobat ingin menambahkan satu kolom dibawahnya agar menjadi dua baris, sobat hanya perlu mengcopy kode yang berwarna biru tadi. Begitu juga seterusnya jika sobat ingin menambahkan tiga baris atau lebih tinggal mengcopy kode yang berwarna biru saja.

2. Untuk membuat dua kolom, sobat perhatikan Tabel 2 kolom, dan apabila sobat ingin membuat tabel dua kolom dengan dua baris seperti pada Tabel 2 kolom dengan 2 baris, sobat hanya perlu mengcopy kode yang berwarna biru pada Tabel 2 kolom.

3. Untuk menambahkan jumlah kolom di baris pertama sobat hanya tinggal mengcopy kode yang berwarna merah setelah kode  atau sebelum kode

4. Untuk menambakan kolom di baris berikutnya caranya sobat tinggal mengcopy kode yang berwana orange setelah kode  atau sebelum kode

Bagaimana sobat ada yang kurang jelas? Setelah mengerti sistim kerja otak kiri dan otak kanan, (jah malah ngelantur), maksud saya setelah mengerti sistim membuat tabel seperti yang saya jelaskan tadi, sekarang kita tinggal memodifikasinya saja. Berikut ini adalah beberapa contoh tabel yang bisa sobat buat atau kreasikan sendiri.

KODE TABEL 1

<table border="1" style="margin-left: auto; margin-right: auto; text-align: left; width: 500px;"><tbody>
<tr> <th colspan="3" scope="col"><div align="center">
Daftar anggota Megadang sampai pagi
</div>
</th> </tr>
<tr> <td><div align="center">
<b>nama</b></div>
</td>
<td><div align="center">
<b>jenis kelamin</b></div>
</td>
<td><div align="center">
<b>bangsa</b></div>
</td>
</tr>
<tr> <td><div align="center">
ayam</div>
</td>
<td><div align="center">
kelamin ganda</div>
</td>
<td><div align="center">
reptil</div>
</td>
</tr>
<tr> <td><div align="center">
cicak</div>
</td>
<td><div align="center">
belum jelas</div>
</td>
<td><div align="center">
unggas</div>
</td>
</tr>
</tbody></table>
ket :
colspan="3" artinya baris pertama lebarnya 3 kolom


KODE TABEL 2

<table border="5" style="width: 0px;">
<tbody>
<tr>
<td>mengapa</td>
<td>siapa</td>
<td>dimana</td>
</tr>
<tr>
<td>tidak tahu</td>
<td>tidak tahu</td>
<td>bukan tempe</td>
</tr>
</tbody></table>
ket :
untuk membuat tabel terlihat 3 dimensi kita hanya mengganti nilai bordernya


<b>kodenya :</b>
<table border="1" bordercolor="#00FF00" style="width: 0px;">
<tbody>
<tr>
<td>warna</td>
<td>warna</td>
<td>warna</td>
</tr>
<tr>
<td>warna</td>
<td>warna</td>
<td>warna</td>
</tr>
</tbody></table>
ket
untuk mengubah warna bodernya dengan warna yang kita sukai, kita hanya perlu menambahkan kode yang berwarna, dan kode yang berwarna merah itu adalah kode dari warna hijau yang saya pakai.

KODE TABEL 3

<table border="1" style="width: 0px;">
<tbody>
<tr>
<td bgcolor="#00FF00"><div align="center">
background berwana</div>
</td>
<td bgcolor="#FF0000"><div align="center">
background berwana</div>
</td>
<td bgcolor="#00FFFF"><div align="center">
background berwana</div>
</td>
</tr>
</tbody></table>
Ket :
untuk mengubah warna bacgkroud kodenya adalah seperti kode yang berwarna orange dan kode warnanya adalah kode yang berwana biru.


KODE TABEL 4

<table border="1" style="width: 0px;">
<tbody>
<tr>
<td><div align="center">
yang ini contoh dengan gambar saja</div>
</td>
<td><div align="center">
yang ini gambar dengan link</div>
</td>
</tr>
<tr>
<td><div align="center">
<img alt="contoh gambar" src="http://1.1.1.4/bmi/i848.photobucket.com/albums/ab48/chuckysharpeye/metal%20teksture/1.gif" /></div>
</td>
<td><div align="center">
<a href="http://www.ziddu.com/download/10827649/1.rar.html"><img alt="contoh gambar" border="0" src="http://1.1.1.4/bmi/i848.photobucket.com/albums/ab48/chuckysharpeye/metal%20teksture/1.gif" /></a></div>
</td>
</tr>
</tbody></table>
ket :
Untuk menambahkan gambar sobat masukkan kode yang ini
<img alt="contoh gambar" src="disini%20alamat%20url%20gambar%20sobat" />
Untuk membuat agar gambar menjadi tombol, sobat masukkan kode yang seperti ini
<a href="http://www.blogger.com/disini%20URL%20tujuan%20sobat"><img alt="contoh gambar" src="disini%20alamat%20url%20gambar%20sobat" />
maka hasilnya seperti kode di atas tadi.

KODE TABEL 5

<table border="3" style="width: 0px;">
<tbody>
<tr>
<td background="http://i848.photobucket.com/albums/ab48/chuckysharpeye/button4a-2.gif" height="35" width="300"><div align="center">
teks disini aja</div>
</td>

<td background="http://i848.photobucket.com/albums/ab48/chuckysharpeye/button4a-2.gif" height="35" width="300"><div align="center">
teks disini aja</div>
</td>

</tr>
</tbody></table>

Ket:
1. kode yang berwana adalah kode backgroundnya.
2. yang berwana hijau adalah ukuran lebar dan tinggi gambar.
3. yang berwana orange adalah URL gambar milik sobat
Mungkin sekian dulu yaaa, sobat bisa coba-coba sendiri dimodif dengan kode-kode lainnya, sudah pagi, saia belum sempat bobok dua hari hehehehe!!
kalau ada yang salah mohon di koreksi yaaa, dan kalau ada yang kurang jelas silahkan bertanya.. huaahmm...,, bobok dulu aaah..</a></b>
</div></div></div></div></div>