http://christiandwiwijaya.blogspot.com/-Pada kesempatan kali ini ane akan meberikan script sederhana
untuk Membuat Tabel dalam Postingan Blog. Tabel yang akan dibuat ini sangat simpel dan tidak perlu menambah efek warna, frame, CSS. Untuk memasukan kode tabel ke postingan blog, agan harus memasukannya ke bagian HTML saat membuat artikel blog.
KODE HTML Tabel 1
<table width="500" border="1">
<tr>
<td>Kolom 1 </td>
<td>Kolom 2 </td>
</tr>
</table>
Hasilnya seperti ini gan
| Kolom 1 | Kolom 2 |
Jika ingin menambah jumlah kolom, agan cukup menambah kode <td>Kolom 3</td> dibawah tulisan <td>Kolom 2</td>
dan hasilnya seperti dibawah ini:
dan hasilnya seperti dibawah ini:
| Kolom 1 | Kolom 2 | Kolom 3 |
KODE HTML Tabel 2
<table width="500" border="1">
<tr>
<td>Kolom 1 A </td>
<td>Kolom 1 B </td>
</tr>
<tr>
<td>Kolom 2 A </td>
<td>Kolom 2 B </td>
</tr>
</table>
Hasilnya seperti ini gan:
| Kolom 1 A | Kolom 1 B |
| Kolom 2 A | Kolom 2 B |
Jika ingin menggunakan kolom tambahan, gunakan kode berikut:
<table width="500" border="1">
<tr>
<td>Kolom 1 A</td>
<td>Kolom 2 A</td>
<td>Kolom Tambahan 1</td>
</tr>
<tr>
<td>Kolom 1 B</td>
<td>Kolom 2 B</td>
<td>Kolom Tambahan 2 </td>
</tr>
</table>
Dan hasilnya seperti ini
| Kolom 1 A | Kolom 2 A | Kolom Tambahan 1 |
| Kolom 1 B | Kolom 2 B |
Kolom Tambahan 2
|
KODE HTML Tabel 3
<table width="500" border="1">
<tr>
<td>Kolom 1 A </td>
<td>Kolom 1 B </td>
<td>Kolom 1 C </td>
</tr>
<tr>
<td>Kolom 2 A </td>
<td>Kolom 2 B </td>
<td>Kolom 2 C </td>
</tr>
<tr>
<td>Kolom 3 A </td>
<td>Kolom 3 B </td>
<td>Kolom 3 C </td>
</tr>
</table>
Hasilnya seperti ini gan
| Kolom 1 A | Kolom 1 B | Kolom 1 C |
| Kolom 2 A | Kolom 2 B | Kolom 2 C |
| Kolom 3 A | Kolom 3 B | Kolom 3 C |