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:

1.Kolom terbuka tanpa garis(line)
   a.Mendatar

Contoh code:
<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

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

Contoh kolom:

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 kode:

<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

2.Kolom tertutup(close line)

 Untuk membuat kolom tersebut tertutup,tinggal ganti angaka nol

<table border=1>
<tbody>
<tr&gt

untuk cara kerjanya sama dengan no.1.terus untuk menggabung antara vertikal dan horisontal;

Contoh kode:

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

Coba anda buat seperti itu!...... Ya kode tersebut seperti ini:

<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>

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 sebelahpen 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:60px">kolom A</th>
<th bgcolor="##66 ff00" style="width:60px">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:60px">kolom A</th>
<th bgcolor="##66 ff00" style="width:60px">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......

 Sumber : http://www.nextgent.tk/2011/12/belajar-membuat-kolom-atau-tabel-di.html

Cari Atikel Lainnya

Tweet

Written by Joy Silalahi

We are Creative Blogger Theme Wavers which provides user friendly, effective and easy to use themes. Each support has free and providing HD support screen casting.