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 :
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 1 | Kolom 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 1 | Baris 1 Kolom 2 |
Baris 2 Kolom 1 | Baris 2 Kolom 2 |
Selamat Mencoba...
0 comments:
Posting Komentar
Comment