Belajar membuat kolom atau tabel di postingan

Anda bisa membuat kolom bermacam-macam bentuk,tergantung bagaimana anda mengaturnya,berikut ini akan saya beri panduannya,bagaimana caranya membuat kolom:

   a.Mendatar


Contoh:

<table border=0>
<tbody>
<tr> kode ini sebagai pembuka ketika anda membuat kolom,anda bisa mengubah angka 0 menjadi tertutup(1,2,.close line)

Contoh:

<table border=0>
<tbody>
<tr>
<td align="center">contoh</td>
</tr>
</tbody>
</table>

Maka hasilnya akan seperti ini:

Contoh

Contoh:
<table border=1>
<tbody>
<tr>
<td align="center">contoh</td>
</tr>
</tbody>
</table>

Maka hasilnya akan seperti ini:

Contoh

Jika anda ingin menambah kolom tersebut lebih dari satu tinggal anda copy kode di antara 
<tr>............</tr>

Contoh:

<table border="0"><tbody>
<tr><td align="center">Contoh 1</td><td align="center">Contoh 2</td><td align="center">Contoh 3</td></tr>
</tbody></table>

Maka hasilnya akan seperti ini:

Contoh 1

Contoh 2

Contoh 3

Contoh:

<table border="1"><tbody>
<tr><td align="center">Contoh 1</td><td align="center">Contoh 2</td><td align="center">Contoh 3</td></tr>
</tbody></table>

Maka hasilnya akan seperti ini:

Contoh 1

Contoh 2

Contoh 3

 b.Menurun

Agar kolom yang menjadi horisontal,tambahkan kode ini  lebih dari satu

<tr>
<td align="center">contoh</td>
</tr> diantara <table border=0><tbody><tr>.......</tbody></table>

Contoh:

<table border=0>
<tbody>
<tr>
<td align="center">contoh 1</td>
</tr>
<tr>
<td align="center">contoh 2</td>
</tr>
<tr>
<td align="center">contoh 3</td>
</tr>
</tbody>
</table>

Lihat hasilnya:

Contoh 1

Contoh 2

Contoh 3

Contoh:

<table border=1>
<tbody>
<tr>
<td align="center">contoh 1</td>
</tr>
<tr>
<td align="center">contoh 2</td>
</tr>
<tr>
<td align="center">contoh 3</td>
</tr>
</tbody>
</table>

Maka hasilnya seperti ini:

Contoh 1

Contoh 2

Contoh 3

Untuk membuat kolom lebih banyak anda bisa memodifikasi,lihat contoh di bawah ini:

Contoh :

<table border=0>
<tbody>
<tr>
<td align="center">Contoh 1</td>
<td align="center">Contoh 2</td>
<td align="center">Contoh 3</td>
</tr>
<tr>
<td align="center">menu 1</td>
<td align="center">menu 2</td>
<td align="center">menu 3</td>
</tr>
<tr>
<td align="center">kolom 1</td>
<td align="center">kolom 2</td>
<td align="center">kolom 3</td>
</tr>
</tbody>
</table>

Maka hasilnya seperti ini:

Contoh 1	Contoh 2	Contoh 3
menu 1	menu 2	menu 3
kolom 1	kolom 2	kolom 3

Contoh:

<table border=1>
<tbody>
<tr>
<td align="center">Contoh 1</td>
<td align="center">Contoh 2</td>
<td align="center">Contoh 3</td>
</tr>
<tr>
<td align="center">menu 1</td>
<td align="center">menu 2</td>
<td align="center">menu 3</td>
</tr>
<tr>
<td align="center">kolom 1</td>
<td align="center">kolom 2</td>
<td align="center">kolom 3</td>
</tr>
</tbody>
</table>

Maka hasilnya seperti ini:

Contoh 1	Contoh 2	Contoh 3
menu 1	menu 2	menu 3
kolom 1	kolom 2	kolom 3

Lalu bagaimana caranya membuat kolom tersebut di isi dengan warna?
kode dasar warna,dan kode dasarnya seperti ini:
 <th bgcolor="#66 ff00" style"width:60px">kolom A</th> kode #66 ff00 adalah kode warna,dan width:60px adalah size kolom.anda bisa mengubah kode warna dan size tersebut.Tetapi jika anda merasa kesulitan dalam kode warna.......buatlah kolom seperti biasa lalu,mark kolom yang akan diwarnai than click pen icon di atas board post,pilih warna yang anda suka.than click kolom yang telah dimark....Contoh: "bali" setelah di mark dan diberi warna menjadi bali,untuk teks yang berwarna gunakan tools sebelah pen icon contoh: "BALI" saya beri warna biru menjadi BALI   lihat kode standar di sini

Contoh kode:

<table border=0>
<tbody>
<tr>
<th bgcolor="##66 ff00" style="width:20px">kolom A</th>
<th bgcolor="##66 ff00" style="width:20px">kolom B</th>
</tr>
<tr>
<td align="center">Contoh 1</td>
<td align="center">Contoh 2</td>
</tr>
<tr>
<td align="center">menu 1</td>
<td align="center">menu 2</td>
</tr>
</tbody>
</table>

Lihat hasilnya:

kolom A	kolom B
Contoh 1	Contoh 2
menu 1	menu 2

Contoh kode:

<table border=1>
<tbody>
<tr>
<th bgcolor="##66 ff00" style="width:20px">kolom A</th>
<th bgcolor="##66 ff00" style="width:20px">kolom B</th>
</tr>
<tr>
<td align="center">Contoh 1</td>
<td align="center">Contoh 2</td>
</tr>
<tr>
<td align="center">menu 1</td>
<td align="center">menu 2</td>
</tr>
</tbody>
</table>

Lihat hasilnya:

kolom A	kolom B
Contoh 1	Contoh 2
menu 1	menu 2

Lihat hasilnya yang lain:

Contoh 1	Contoh 2
menu 1	menu 2

Lihat hasilnya yang lain:

kolom A	kolom B
Contoh 1	Contoh 2
menu 1	menu 2

Sekarang coba anda buat sendiri...