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.

0 komentar:

Post a Comment

Masukan Email anda untuk berlangganan artikel blog ini:

Delivered by FeedBurner

Klik LINK TO ME untuk menaruh logo blog ini di blog anda

terbaru seputar dunia maya
(atau copy code dibawah ini)

 
Personal Blogs - Blog Rankings