Cara Membuat Tabel dalam Postingan Blog dengan Mudah



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:

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

++Tambahan++☺ Angka 500 adalah lebar tabel keseluruhan, jika agan ingin menjadikan lebarnya sesuai ukuran maksimal, agan bisa menuliskannya menjadi 100%


Sekian