Tutorial: Add Table in Your Blog Post

Want to add a table in your blog post?

Mahu menambah 'table' dalam 'blog post' anda?

But what is TABLE actually?

Tetapi apa itu 'TABLE'?

Example of a table / Contoh 'table' :

One is Satu	Two is Dua
Three is Tiga	Four is Empat

*************************************

Attached below the coding for above table:

Dibawah adalah kod-kod bagi table' diatas:

<table align="center" border="1" cellpadding="5" cellspacing="1" style="width: 400px;"> <tbody> <tr> <td>One is Satu</td> <td>Two is Dua</td> </tr> <tr> <td>Three is Tiga</td> <td>Four is Empat</td> </tr> </tbody> </table>

As you can see, in between <tr> and </tr>, there is <td> to indicate certain column in the row, and it couple with </td>. In between that, its a place that you can type the text you want. The example given is "One is Satu".

Sepertimana yang anda lihat, <td> letaknya di antara <tr> dan </tr>. Ianya adalah untuk menentukan lajur dalam baris tertentu. </tr> diletakkan di penghujung ayat yang anda tulis. Contoh di atas adalah "One is Satu"

******************************************

Description for each of the coding / Penerangan bagi setiap kod:

<tr> :

• Coding to begin a row in a table,  put </tr> after finish editing the content (see the example of the above coding) 
• Kod untuk memulakan baris bagi 'table', letakkan </tr> selepas selesai memuatkan isi kandungan (lihat contoh kod di atas)

<td> :

• Coding to begin a column in a table, put </tr> after finish editing the content (see the example of the above coding) 
• Kod untuk memulakan lajur bagi 'table', letakkan </td> selepas selesai memuatkan isi kandungan (lihat contoh kod di atas)

Additional notes / Nota Tambahan:

To add new column / untuk menambah baris baru:

• By putting new <tr> with its end, </tr>, you can add new row in your table. My suggestion, add <tr> after finish editing anything in the column for your table.
• Dengan menambah <tr> yang baru bersama dengan penghujungnya,</tr>, anda akan dapat menambah baris yang baru untuk 'table' anda. Cadangan saya, tambahkan <tr> selepas selesai memuatkan apa-apa dalam ruang lajur bagi 'table' anda.

To modify border / untuk mengubahsuai 'border':

• You can modify border for the table by changing the value of table align, border, cell padding and cell spacing.
• Anda boleh mengubahsuai 'border' bagi 'table' dengan menukar nilai bagi 'table align', 'border', 'cell padding' dan 'cell spacing'

To change the table's width / untuk mengubah suai lebar 'table':

• To change the table's width, you can change the pixel value (example "200") or the percentage (example "50%").
• Untuk mengubahsuai lebar 'table, anda boleh menukar nilai pixel (contohnya "200" atau peratus (contoh: "50%").

******************************************

Another example for different border:

One is Satu	Two is Dua
Three is Tiga	Four is Empat

<table align="center" border="10" cellpadding="10" cellspacing="10" style="width: 500px;"> </table>