Cara membuat tabel pada Postingan Blog

Hanya tiga kode saja membuat tabel :

<table> dan </table>
<tr> dan </tr>
<td> dan </td>

Nah, sekarang kita praktek saja untuk membuat tabel :

• 1 baris 2 kolom, ini kodenya :

<table width="500" border="1">
<tbody>
<tr>
<td>Kolom 1 </td>
<td>Kolom 2 </td>

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

Dan hasilnya seperti ini :

Kolom 1

Kolom 2

• 1 baris 3 kolom, ini kodenya :

<table width="500" border="1">
<tbody>
<tr>
<td>Kolom 1 </td>
<td>Kolom 2 </td>
<td>Kolom 3 </td>
</tr>
</tbody> 
</table>

Dan hasilnya seperti ini :

Kolom 1

Kolom 2

Kolom 3

• 2 baris 3 kolom, ini kodenya :

<table width="500" border="1">  
<tbody>
<tr>  
<td>Kolom 1 A </td>  
<td>Kolom 1 B </td>  
</tr>
  <tr> 
 <td>Kolom 2 A </td> 
 <td>Kolom 2 B </td>  
</tr> 
</tbody> 
</table>

Dan hasilnya seperti ini :

Kolom 1 A	Kolom 1 B
Kolom 2 A	Kolom 2 B

• 3 baris 3 kolom, ini kodenya :

<table width="200" border="1">
<tbody>
 <tr>
    <td>B1K1</td>
    <td>B1K2</td>
    <td>B1K3</td>
  </tr>
  <tr>
    <td>B2K1</td>
    <td>B2K2</td>
    <td>B2K3</td>
  </tr>
  <tr>
    <td>B3K1</td>
    <td>B3K2</td>
    <td>B3K3</td> 
</tr>
</tbody>
</table>

Danini hasilnya seperti ini :

B1K1	B1K2	B1K3
B2K1	B2K2	B2K3
B3K1	B3K2	B3K3

• Bagaimana caranya membuta tabel merge cell, kita menngunakan Colspan dan Rowspan, ini kodenya :

<table width="200" border="1">
<tbody>
 <tr>
    <td colspan="2">B1K1B1K2</td>
    <td>B1K3</td>
  </tr>
  <tr>
    <td>B2K1</td>
    <td rowspan="2">B2K2B3K2</td>
    <td>B2K3</td>
  </tr>
  <tr>
    <td>B3K1</td>
    <td>B3K3</td>
  </tr>
</tbody>
</table>

Dan hasilnya seperti ini :

B1K1B1K2		B1K3
B2K1	B2K2B3K2	B2K3
B3K1		B3K3

Itulah beberapa kode membuat tabel, tidak sulit,kan!! mudah saja, jika ada yang kurang berkenan mohon ma'af dan silakan berkomentar jika ada yang salah.