Cara Mudah Membuat Tabel di Posting Blog

Tulis Artikel - Hello Sobat ,, pada malam hari ini saya akan share tentang Cara Mudah Membuat Tabel di Posting Blog , pada postingan ini saya akan mencontohkan cara membuat tabel dengan sedikit polesan Script HTML , Untuk para sobat Blogger tentunya kadang-kadang membutuhkan tampilan tabel untuk posting-nya.

Selain agar terlihat rapih, input data/penulisan yang singkat tidak terlalu menghabiskan tempat.

Berikut tutorial dasar pembuatan tabel pada posting blog.

Langsung saja akan saya praktekan :

Contoh Script dasar membuat tabel di posting blog.

Contoh Hasil Tabel 1 :

Input Data 1	Input Data 3	Input Data 5
Input Data 2	Input Data 4	Input Data 6

Contoh Scriptnya 1 :
<center>

<table border="1">

<tr>

<td>Input Data 1 </td> <td>Input Data 3 </td> <td>Input Data 5 </td> 

</tr>

<tr>

<td>Input Data 2 </td> <td>Input Data 4 </td>  <td>Input Data 6 </td>

</tr>

</table>

</center>

* Jika Ingin Menaruh tabel ditengan tinggal Menambahkan kode ini <center> diatas <table border="1"> dan </center> dibawah </table>

Contoh Hasil Tabel 2 :

Judul Data
Input Data	Input Data	Input Data

Contoh Scriptnya 2 :

<table border="1">

<tr>

<td align="center" colspan="3">Judul Data</td>

</tr>

<tr>

<td>Input Data</td> <td>Input Data</td> <td>Input Data</td> 

</tr>

</table>

* Jika Ingin Menaruh tabel ditengan tinggal Menambahkan kode ini <center> diatas <table border="1"> dan </center> dibawah </table>

Contoh Hasil Tabel 3 :

Judul Data
Input Data 1	Input Data 3	Input Data 5
Input Data 2	Input Data 4	Input Data 6

Contoh Scriptnya 3 : <table border="1"> <tbody> <tr> <td align="center" colspan="3"><b>Judul Data</b></td> </tr> <tr><td><b>Input Data 1 </b></td> <td><b>Input Data 3 </b></td> <td><b>Input Data 5 </b></td> </tr> <tr> <td><b>Input Data 2 </b></td> <td><b>Input Data 4 </b></td>  <td><b>Input Data 6 </b></td> </tr> </tbody> </table>
* Jika Ingin Menaruh tabel ditengan tinggal Menambahkan kode ini <center> diatas <table border="1"> dan </center> dibawah </table> * Jika Ingin Memberi Ukuran Tabel tinggal Menambahkan Script Ini width="200" Disamping <Table ... , maka hasilnya seprti ini <table width="200" border="1">
Ket :

• width="200" Adalah Lebar Ukuran Tabel.
• <table Adalah perintah untuk membuat tabel.
• border> Adalah perintah untuk mengatur tebal garis pinggir.
• <tr> Adalah perintah untuk membuat baris pada tabel.
• <td> Adalah perintah untuk membuat kolom pada tabel.

Share on: Facebook Twitter Google+ Linkedin Technorati Digg LintasMe

Related Articles :