www.emiertips.info Tips Blog | Games Anak | Software Cara Membuat Tabel Dalam Postingan Blog | Tips Cakemier
Subscribe:

Cara Membuat Tabel Dalam Postingan Blog

Kadang kita posting data ke dalam blog yang berupa tabel, sebenarnya kita bisa menampilkan file kita dalam excel yang sudah kita upload di google, namun jika kita hanya memerlukan tabel yang sedikit bisa langsung kita buat dengan postingan langsung melalui html.

Berikut ini perintah html dasar untuk membuat tabel dalam postingan.



Perintah dasar tag HTML untuk membuat tabel :
Kode HTMLKeterangan
<table>...</table>Perintah untuk membuat tabel
<tr>...</tr>Perintah untuk membuat baris
<td>...</td>Perintah untuk membuat kolom
border, width, align, bgcolorKode tambahan untuk pengaturan tebal garis
border, lebar tabel, perataan teks dan warna background

Nah sekarang kita coba membuat tabel 1x3 ( 1 baris 3 kolom ), maka penulisannya seperti ini :

<table border="1">
<tr>
<td>Konten 1</td>
<td>Konten 2</td>
<td>Konten 3</td>
</tr>
</table>

Maka hasil tampilannya menjadi seperti ini :

Konten 1Konten 2Konten 3

Selanjutnya kita coba merubah kode dasar diatas tadi untuk mempercantik tampilan dengan perataan teks dan ukuran lebar tabel kita tentukan misalnya 450px, maka penulisannya menjadi seperti ini :

<table border="1" width="450">
<tr bgcolor="#F2F2F2">
<td align="center"><b>Konten 1</b></td><td align="center"><i>Konten 2</i></td><td align="center">Konten 3</td>
</tr>
</table>

Maka hasil tampilannya menjadi seperti ini :

Konten 1Konten 2Konten 3

Kemudian kita coba lagi membuat tabel yang lebih banyak misalnya 2x3 (2 baris 3 kolom ) dengan format penulisan seperti ini :

<table border="1" width="450">
<tr bgcolor="#F2F2F2">
<td align="center"><b>Konten 1</b></td><td align="center"><i>Konten 2</i></td><td align="center">Konten 3</td>
</tr>
<tr>
<td align="left">Tuliskan teks disini</td>
<td align="left">Masukkan script gambar dengan format seperti ini &lt;img border=&#039;0&#039; src=&#039; http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif&#039;/&gt;</td>
<td align="center"> Maka hasilnya akan seperti ini
<img border='0' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif'/></td>
</tr>
</table>

Maka hasil tampilannya menjadi seperti ini :

Konten 1Konten 2Konten 3
Tuliskan teks disini Masukkan script gambar dengan format seperti ini <img border='0' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif'/> Maka hasilnya akan seperti ini

Nah Dari 2 contoh sederhana tadi silahkan Anda terapkan untuk membuat tabel dalam postingan anda dengan menggunakan perintah-perintah dasar pembuatan tabel serta kode tambahan yang diperlukan sehingga hasil akhir tabel yang dibuat jadi lebih bagus dan menarik.
Semoga bermanfaat.
sumber : http://www.rayhanzhampiet.com/2011/11/cara-membuat-tabel-di-postingan.html
Cara Membuat Tabel Dalam Postingan Blog

masukkan email anda: