Membuat Tabel Pada Blog

Membuat Tabel Pada Blog - Inilah yang akan di bahas pada postingan zona klik kali ini, dimana tabel bisa dijadikan sebagai tempat untuk mengumpulkan widget, tulisan, image dan sebagainya agar terlihat indah dan tersusun rapi pada blog. Bagi pengguna komputer yang sering mengoperasikan microsoft office seperti ms word dan ms excel, membuat tabel sangatlah mudah dengan menu-menu yang telah di sediakan. Tetapi untuk menampilkan tabel pada blog, haruslah menggunakan kode HTML dengan perintah <table> ........... <table> agar tabel bisa tampil pada blog.

Sebelum membuat sebuah tabel pada blog, terlebih dahulu hendaklah mengetahui beberapa atribut yang terdapat didalamnya :

bgcolor : untuk mengatur warna background/latar belakang tabel. Penempatan kodenya seperti ini : bgcolor="kode warna"

align : untuk mengatur tata letak tulisan yang ada pada tabel. Misalnya : rata kiri (left), rata kanan (right), rata tengah (center) dan rata kiri kanan (justify). Penempatan kodenya seperti ini : align="left""right""center""justify"

cellpadding : untuk mengatur jarak antara tepi sel dengan isi sel didalam sebuah tabel. Penempatan kodenya seperti ini : cellpadding="1 pixel"

border : untuk mengatur tingkat ketebalan garis tepi pada tabel. Penempatan kodenya seperti ini : border="1 pixel"

cellspacing : untuk mengatur jarak antar sel. penempatan kodenya seperti ini : cellspacing="1 pixel"

height : untuk mengatur tinggi tabel. Penempatan kodenya seperti ini : height="1 pixel""%"

weight : untuk mengatur lebar tabel. Penempatan kodenya seperti ini : weight="1 pixel""%"

Maka akan terbentuk sintaksnya seperti ini :

<table align="left""center""right"
bgcolor="color"
border="pixel"
cellpadding="pixel"
cellspacing="pixel"
width="pixel""%"
height="pixel""%">

.....................

</table>

Untuk membuat tabel tunggal maka kode HTML nya seperti dibawah ini :

<table width="200" border="1">
<tr>
<td align="left">

Contoh

</td>
</tr>
</table>


Hasilnya sebagai berikut :


Contoh


Untuk membuat tabel dengan 1 baris dan 2 kolom, kodenya sebagai berikut :

<table width="300" border="1">
<tr>
<td align="left">

Kolom 1

</td>
<td align="left">

Kolom 2

</td>
</tr>
</table>

Maka hasilnya sebagai berikut :

Kolom 1Kolom 2


Untuk membuat tabel 2 kolom dan 2 baris kode HTML nya sebagai berikut :

<table width="300" border="1">
<tr>
<td align="left">

Contoh

</td>
<td align="left">

Contoh juga denk

</td>
</tr>
<tr>
<td align="left">

Contoh

</td>
<td align="left">

Contoh juga denk

</td>
</tr>
</table>


Hasilnya adalah sebagai berikut :

Baris 1 Kolom 1Baris 1 Kolom 2
Baris 2 Kolom 1Baris 2 Kolom 2


Selamat Mencoba...


Postingan Terkait Lainnya :


Banner Float Ads

 

W3 Directory - the World Wide Web Directory My Zimbio Marketing / SEO ping.sg - the community meta blog for singapore bloggers Ping your blog, website, or RSS feed for Free
Prediksi Sepakbola Terbaru, Video Sepakbola, Liga Champions, Liga Inggris, Liga Italia, Liga Indonesia, Sea Games XXVI 2011, Euro 2012, Piala Dunia 2014, MotoGP
Tips SEO, Blogspot, WordPress, Facebook, Twitter, Bisnis Online, Google AdSense, Joomla, Drupal