WIDYA SCHOOL'S: Membuat Tabel di Posting

Membuat Tabel di Posting

4:02 AM |

Diposkan oleh WIDYA SMART

Tabel adalah suatu format yang terdiri dari baris dan kolom yang berisi informasi yang berkaitan satu dengan lainnya

Jika ingin membuat postingan yang ternyata harus disisipkan tabel seperti data penduduk, statistik dsb. Oleh karena itu perlu membuat kode htmlnya karena kita tidak bisa langsung copy & paste, seperti dari word atau excel ke blog.

Mo tau cara mudahnya ikuti ya...

1. Kode html "sederhana" untuk pembuatan table 2 column dan 2 row tanpa border. Contohnya :

Kolom 1	Kolom 2
Baris 1	Baris 1
Baris 2	Baris 2

Kodenya :

<center><table><tbody><tr><td>Kolom 1</td> <td>Kolom 2</td></tr><tr><td>Baris 1</td> <td>Baris 1</td></tr><tr><td>Baris 2</td> <td>Baris 2</td></tr></tbody></table></center>

Keterangan
Yang diberi tanda biru untuk menengahkan tabel.

2. Kode html "sederhana" untuk pembuatan table 2 column dan 2 row dengan border. Contohnya :

Kolom 1	Kolom 2
Baris 1	Baris 1
Baris 2	Baris 2

Kodenya

<center><table></table><table width="200" border="2"><tbody><tr><td>Kolom 1</td> <td>Kolom 2</td></tr><tr><td>Baris 1</td> <td>Baris 1</td></tr><tr><td>Baris 2</td> <td>Baris 2</td></tr></tbody></table></center>

Keterangan
Yang diberi tanda biru untuk memberi border dan lebar tabel.

3. Kode html "sederhana" untuk pembuatan table 2 column dan 2 row dengan border dan warna background. Contohnya :

Kolom 1	Kolom 2
Baris 1	Baris 1
Baris 2	Baris 2

Kodenya

<center><table></table><table style="font-weight: bold;" width="200" bgcolor="#feeeff" border="2"><tbody><tr><td>Kolom 1</td> <td>Kolom 2</td></tr><tr><td>Baris 1</td> <td>Baris 1</td></tr><tr><td>Baris 2</td> <td>Baris 2</td></tr></tbody></table></center>

Keterangan
Yang diberi tanda biru untuk memberi border, lebar tabel, warna background dan tebal tulisan.