Cara Membuat Tabel dalam Postingan Blog dengan Mudah

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


SALAM Blogger