Cara Mudah Membuat Tabel di Posting Blog

Cara Mudah Membuat Tabel di Posting Blog - Selamat Datang Sahabat di Teknik Seo Blogging, Pada Artikel kali ini dengan judul Cara Mudah Membuat Tabel di Posting Blog, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. Mudah-mudahan isi postingan dengan Tema Tutorial Blog, yang kami tulis ini ada manfaatnya. Cekidot, selamat menikmati.

Judul : Cara Mudah Membuat Tabel di Posting Blog
Link : 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.

Baca juga :


Cara Mudah Membuat Tabel di Posting Blog



Demikianlah Artikel Cara Mudah Membuat Tabel di Posting Blog

Sekian artikel Cara Mudah Membuat Tabel di Posting Blog kali ini, mudah-mudahan bisa memberi manfaat untuk Sahabat semua. Sampai jumpa di postingan lainnya.

Anda sekarang membaca artikel Cara Mudah Membuat Tabel di Posting Blog
Link : https://autotrafficblogging.blogspot.com/2015/02/cara-mudah-membuat-tabel-di-posting-blog.html

0 Response to "Cara Mudah Membuat Tabel di Posting Blog"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel