Membuat Tabel pada Postingan Blog

Bagi Tulisan Ini

Tabel pada sebuah blog tidaklah banyak ditemukan, selain karena intensitas yang kurang untuk dibuat juga disebabkan beberapa diantara kita tidak mengetahui cara membuatnya. Bagaimana caranya?

Misalkan kita ingin membuat tabel dengan 2 kolom dan 2 baris mulai pada posisi kiri layar komputer, seperti model di bawah ini:

Kolom 1	Kolom 2
Isi baris 2 kolom 1	Isi baris 2 kolom 2

maka kodenya seperti di bawah ini:

<br /> <table border="1" style="width: 300px;"><tbody> <tr> <td><div style="text-align: center;"><b>Kolom 1 </b></div></td> <td><div style="text-align: center;"><b>Kolom 2 </b></div></td> </tr> <tr> <td>Isi baris 2 kolom 1 </td> <td>Isi baris 2 kolom 2 </td> </tr> </tbody></table>

3 kolom dan 3 baris dengan posisi tengah dengan menambahkan nama tabel, seperti model di bawah ini:

Tabel 2. 3 kolom 3 baris.

Kolom 1	Kolom 2	Kolom 3
Isi baris 2 kolom 1	Isi baris 2 kolom 2	Isi baris 2 kolom 3
Isi baris 3 kolom 1	Isi baris 3 kolom 2	Isi baris 3 kolom 3

maka kodenya seperti di bawah ini:

<center> Tabel 2. 3 kolom 3 baris.<br /> <table border="1" style="width: 400px;"><tbody> <tr> <td><div style="text-align: center;"><b>Kolom 1 </b></div></td> <td><div style="text-align: center;"><b>Kolom 2 </b></div></td> <td><div style="text-align: center;"><b>Kolom 3 </b></div></td> </tr> <tr> <td>Isi baris 2 kolom 1 </td> <td>Isi baris 2 kolom 2 </td> <td>Isi baris 2 kolom 3 </td> </tr> <tr> <td>Isi baris 3 kolom 1 </td> <td>Isi baris 3 kolom 2 </td> <td>Isi baris 3 kolom 3 </td> </tr> </tbody></table></center>

Jika ada penambahan kolom atau baris, maka penempatan baris dan kolom tersebut disesuaikan posisinya (silahkan pelajari kode-kode tersebut di atas). Sedangkan, terkait dengan lebar kolom dapat di lihat pada kodel width.

Catatan: Judul kolom sudah dimodifikasi dengan model huruf tebal (bold) dan posisinya di tengah (center)

---

---

---

Update tulisan blog, via Email

Masukkan alamat email Anda!:

---

Posted in: tutorial-blog