Bagaimana membuat table dalam posting

Salam semua...lama saya tak menjenguk blog ini. Kesibukan melanda sejak akhir-akhir ini. Oklah, kali ini saya nak share dengan semua bagaimana untuk membuat table dalam posting.

Berikut adalah kode html untuk membuat table dengan 2 column dan 1 row.

<table border="1">
<tr>
<td>Baris 1-column 1</td> <td>Baris 1-column 2</td>
</tr>
</table>

Hasilnya adalah seperti di bawah:

Baris 1-column 1

Baris 1-column 2

Berikut pula adalah kod html untuk memasukkan gambar dan teks dalam table.
Note! Gambar perlulah diupload terlebih dahulu dalam photobucket atau picasaweb. Ambil Direct Link bagi gambar tersebut dan sisipkan dalam koding html bagi table.

Lihat contoh ini.

<table border="1">
<tr>
<td><img border="0" src="http://i43.servimg.com/u/f43/11/83/04/92/sailin10.gif"/></td> <td><b>MUNGKINKAH...?</b><br/>Mungkin dahulu nenek moyang kita adalah pelaut tetapi akan datang mungkin anak cucu kita akan mengatakan kita adalah BLOGGER. Mungkinkah...?</td>
</tr></table>

Hasilnya adalah seperti di bawah:

MUNGKINKAH…? Mungkin dahulu nenek moyang kita adalah pelaut tetapi akan datang mungkin anak cucu kita akan mengatakan kita adalah BLOGGER.Mungkinkah…?

Seterusnya kita akan buat table dengan beberapa baris.Contohnya table dengan 3 baris dan 2 column.
Berikut adalah kod htmlnya:

<table border="1">
<tr>
<td>Baris 1-column 1</td> <td>Baris 1-column 2</td>
</tr>
<tr>
<td>Baris 2-column 1</td> <td>Baris 2-column 2</td>
</tr>
<tr>
<td>Baris 3-column 1</td> <td>Baris 3-column 2</td>
</tr></table>

Hasilnya adalah seperti di bawah:

Baris 1-column 1	Baris 1-column 2
Baris 2-column 1	Baris 2-column 2
Baris 3-column 1	Baris 3-column 2

Kali ini kita cuba masukkan gambar dan teks secara bersilang pula.
Kod htmlnya adalah seperti berikut :

<table border="1">
<tr>
<td>< img border="0" src="http://i670.photobucket.com/albums/vv63/faridah_photos/DSC03093-1.jpg"></td> <td>Tudung plain lycra Korea (red color) <br>Awning sutera cina<br>Harga : RM35.00 sahaja </td>
</tr>
<tr>
<td>Tudung plain lycra Korea (grey color)<br>Awning sutera cina<br>Harga : RM35.00 sahaja</td><td><img border="0" src="http://i670.photobucket.com/albums/vv63/faridah_photos/DSC03057.jpg"></td>
</tr>
<tr>
<td><img border="0" src="http://i670.photobucket.com/albums/vv63/faridah_photos/DSC03638.jpg"></td> <td>Tudung lycra bercorak<br>Harga : RM35.00 sahaja</td>
</tr></table>

Hasilnya adalah seperti di bawah :

	Tudung plain lycra Korea (red color) Awning sutera cina Harga : RM35.00 sahaja
Tudung plain lycra Korea (grey color) Awning sutera cina Harga : RM35.00 sahaja
	Tudung lycra bercorak Harga : RM35.00 sahaja

Selamat mencuba ya.