Its me

Contoh Jadual

Ini Kucing kesayangan saya. Namanya BOBO.

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.

HOME

Assalamualaikum kepada semua pengunjung blog yang budiman.

Anda baru dalam dunia blog? Saya juga orang baru dan ingin belajar sesuatu yang baru. Anda ingin mengetahui langkah-langkah mudah membangunkan blog? Mungkin di sinilah tempatnya. Blog ini dibangunkan supaya kita semua ( termasuklah saya) dapat belajar dan mengetahui trik di sebalik pembikinan blog seterusnya dapat memperbaiki persembahan blog kita supaya lebih menarik dan bermanfaat kepada pembaca.
Blog ini masih lagi di peringkat pembangunan dan masih banyak penambahbaikan yang perlu dilakukan. Oleh itu saya mengalu-alukan sebarang pertanyaan, komen dan cadangan membina dari anda semua.