Home » » Cara Membuat Tabel Pada Postingan

Cara Membuat Tabel Pada Postingan

Tidak hanya pada word dan excel kita dapat membuat tabel tetapi pada postingan blog pun kita dapat membuat tabel yang berfungsi untuk memperjelas materi yang akan kita sampaikan di dalam postingan. Dan berikut cara membuat tabel pada postingan.
Langkah pertama yang yang harus sobat lakukan ialah gunakan mode HTML dalam penulisan postingan, selanjutnya copy java script di bawah ini dan paste di kolom postingan sobat.

1. Membuat tabel 1 kolom


<table style="text-align: left; width: 100%;"
border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td align="center"></td>
</tr>
</tbody>
</table>

2. Membuat Tabel 1 kolom 1 baris


<table style="text-align: left; width: 100%;"
border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td align="center"></td>
</tr>
<tr>
<td align="center"></td>
</tr>
</tbody>

3. Membuat tabel 2 kolom 1 baris


<table style="text-align: left; width: 100%;"
border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td align="center"></td>
<td align="center"></td>
</tr>
</tbody>
</table>
Kesimpulan

4. Membuat tabel 2 kolom 2 baris


<table style="text-align: left; width: 100%;"
border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td align="center"></td>
<td align="center"></td>
</tr>
<tr>
<td align="center"></td>
<td align="center"></td>
</tr>
</tbody>
</table>

Untuk memasukan tulisan kedalam tabel sobat tinggal memasukan hurup di antara "center"></td> seperti pada contoh di bawah

aaaa aaa

<table style="text-align: left; width: 100%;"
border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td align="center">aaaa</td>
<td align="center">aaa</td>
</tr>
</tbody>
</table>


Untuk menentukan rata tulisan sobat tinggal ganti "center" dengan "left" untuk rata kiri dan "right" untuk rata kanan.

Untuk menentukan jumlah kolom sobat tinggal menetukan berapa jumlah java script berikut
<td align="center">aaaa</td>

Untuk menentukan jumlah baris sobat tinggal menentukan jumlah java script di bawah ini
<tr>
<td align="center"></td>
</tr>
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Hobiku007

0 komentar:

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. hobiku007.blogspot.com - All Rights Reserved
Template Modify by hobiku007
Proudly powered by Blogger