Cara membuat tabel

Sekedar shering di postingan ini cara membuat tabel dan kegunaannya.
Tabel bisa kita gunakan untuk merapikan link iklan text atau iklan baner diblog
sebenarnya sih sudah banyak blog yang membahas tentang cara membuat tabel border di blog namun tak ada salahnya saya posting lagi di blog ini siapa tau berguna bagi pengunjung blog ini.

Ok kita langsung saja bahas Cara membuat tabel di blog:
Untuk sekarang kita belajar buat tabel yang mudah saja bisa dibilang tabel dasar,

kode utama yang di butuhkan untuk membuat tabel adalah kode <table> <tbody></tbody> </table>
Kode harus ada perintah awal dan perintah akhirnya, dan kodetambahan seperti border = garis pembatas,align=posisi,width=lebar,heigth=tinggi,bgcolor=latar belakang.

Contoh:


<table> <tbody> Contoh</tbody> </table>


bila anda membuat kode seperti itu yang muncul kira-kira seperti ini!


Contoh 


 

sekarang kita coba menggunakan perintah tambahan. 



<table align="left" width="100" height="100" border="1" bgcolor="blue">

<tbody> 

<tr> 

Contoh

</tr> 

</tbody> 

</table>  





yang tampil kira kira seperti ini.



Contoh







sekarang kita coba untuk buat tabel yang 2 kolom dan setiap kolom warna berbeda:

<table border='"1">
<tbody>
<tr>
<td bgcolor="blue">
Contoh 1
</td>
<td bgcolor="red">
Contoh 2
</td>
</tbody>
</table>

dan yang akan tampil seperti ini: Bgcolor bisa di isi juga dengan kode warna!




Contoh 1Contoh 2


Sekarang kita coba 2 kolom ditambah header contoh kode:

<table border='"1">
<tbody>
<tr>
<th bgcolor="#ff0055" colspan="2">
atas
</th>
</tr>
<tr>
<td bgcolor="#66ffcc">
Contoh 1
</td>
<td bgcolor="#66ffcc">
Contoh 2
</td>
</tbody>
</table>

Lihat hasilnya seperti ini:




atas
Contoh 1Contoh 2


Sedikit penjelasan tentang kode perintah <tr> dan </tr> adalah pemisah kolom atas bawah dan <td></td> adalah pemisah kiri kanan semoga bermanpaat selamat mencoba!


Salam.

3 komentar:

kucob@berbagi said...

Ini dia, yang selama ini gak bisa ane praktekkan, dari cara ini smg bsa kupraktekkan.

Endra Owner Camelo Smart said...

Gmna gan cara pasangnya?
Ane masih bingung...

Http://belajar-membuatwebsite1.blogspot.co.id

Post a Comment

mari saling berbagi ilmu disini lewat kolom komentar.

biar gampang saya berkunjung balik ke blog anda.

komentar tanpa spam dan link bila dilanggar dengan berat hati komentar anda saya pindahkan ke polder spam.

Popular Posts

Followers

  ©ngeblog sambil belajar bisnis online - Todos os direitos reservados.

Template by Dicas Blogger | Topo