Membuat tabel di postingan blog, tentu mempunyai cara sendiri karena dalam menu lembar kerja posting blog tidak tersedia
insert tabel seperti dalam ms.word office atau exel ..he..he..he..
Nah terus bagaimana jika kita ingin membuat sebuah tabel dalam postingan blog itu sendiri??
Gampang sobat....
Didalam blog semua bisa diperintah melalui code, nah disini Kang Degleng memberi sedikit contoh bagaimana membuat tabel
(tersedia berbagai bentuk) anda tinggal mengganti kompunen yang di inginkan.
Okey.. langsung ke Pembahasan :
Berikut contoh-contoh tabel beserta codenya :
1.Tabel Biasa
contoh :
Code:
<table width="300" border="1"><tr><td>isi teks anda disini</td></tr></table>
2.Tabel Biasa dengan Huruf di Ditengah
Contoh:
Tabel Biasa dengan Huruf di Ditengah |
Code:
<table width="300" border="1"><tr><td align="center">Tabel Biasa dengan Huruf di Ditengah</td></tr></table>
3.Tabel Biasa dengan Huruf di posisi center / tengah serta border tebal
Contoh:
Code:
<table width="300" border="6"><tr><td align="center">Tabel Border Tebal</td></tr></table>
4.Tabel Biasa dengan 2 (dua) kolom
Contoh:
tabel kolom 1 | tabel kolom 2 |
Code:
<table width="300" border="1"><tr><td>tabel kolom 1</td><td>tabel kolom 2</td></tr></table>
5.Tabel Biasa dengan 2 (dua) kolom serta border tebal dan Posisi huruf center / tengah
Contoh:
tabel kolom 1 | tabel kolom 2 |
Code:
<table width="300" border="6"><tr><td align="center">tabel kolom 1</td><td align="center">tabel kolom 2</td></tr></table>
6.Tabel Biasa dengan 2 (dua) kolom / columns dan dua baris
Contoh:
kolom satu | kolom dua |
baris satu | baris kedua |
Code:
<table width="300" border="1"><tr><td>kolom satu</td><td>kolom dua</td></tr><tr><td>baris satu</td><td>baris kedua</td></tr></table>
7.Tabel Biasa dengan 2 (dua) kolom dan dua baris serta border tebal juga huruf posisi ceter / tengah
Contoh:
kolom satu | kolom dua |
baris kedua | baris kedua |
Code:
<table width="300" border="6"><tr><td align="center">kolom satu</td><td align="center">kolom dua</td></tr><tr><td align="center">baris kedua</td><td align="center">baris kedua</td></tr></table>
8.Tabel Biasa dengan 4 (empat) kolom / columns dan dua baris juga huruf posisi ceter / tengah
Contoh:
kolom satu | kolom dua |
baris kedua | baris kedua |
baris ketiga | baris ketiga |
baris keempat | baris keempat |
Code:
<table width="300" border="1"><tr><td align="center">kolom satu</td><td align="center">kolom dua</td></tr><tr><td align="center">baris kedua</td><td align="center">baris kedua</td></tr><tr><td align="center">baris ketiga</td><td align="center">baris ketiga</td></tr><tr><td align="center">baris keempat</td><td align="center">baris keempat</td></tr></table>
9.Tabel dengan Background Warna-Warni dengan 4 (empat) kolom / columns dan dua baris juga huruf posisi ceter / tengah
Contoh:
kolom satu | kolom dua |
baris kedua | baris kedua |
baris ketiga | baris ketiga |
baris keempat | baris keempat |
Code:
<table width="300" border="1"><tr><td align="center" bgcolor="red">kolom satu</td><td align="center" bgcolor="blue">kolom dua</td></tr><tr><td align="center" bgcolor="yellow">baris kedua</td><td align="center" bgcolor="green">baris kedua</td></tr><tr><td align="center" bgcolor="#00FFFF">baris ketiga</td><td align="center" bgcolor="#FF7F50">baris ketiga</td></tr><tr><td align="center" bgcolor="#ADFF2F">baris keempat</td><td align="center" bgcolor="#FF1493">baris keempat</td></tr></table>
10.Tabel yang terpisah.
Contoh:
satu |
kolom satu | kolom dua |
baris kedua | baris kedua |
dua |
baris ketiga | baris ketiga |
baris keempat | baris keempat |
Code:
<table width="300" border="1"><th>satu</th><tr><td align="center" bgcolor="red">kolom satu</td><td align="center" bgcolor="blue">kolom dua</td></tr><tr><td align="center" bgcolor="yellow">baris kedua</td><td align="center" bgcolor="green">baris kedua</td></tr><th>dua</th><tr><td align="center" bgcolor="#00FFFF">baris ketiga</td><td align="center" bgcolor="#FF7F50">baris ketiga</td></tr><tr><td align="center" bgcolor="#ADFF2F">baris keempat</td><td align="center" bgcolor="#FF1493">baris keempat</td></tr></table>
11.Tabel Istimewa (wach.. tambah pening aja ini..., he..he..)
Contoh:
Tabel Istimewa
Daftar Gan |
No. | Name: |
1. | Nama Satu |
2. | Nama Dua |
3. | Nama Tiga |
Code:
<table align="center" border="1" cellpadding="5" cellspacing="0" >
<caption align="top"><b>Tabel Istimewa</b></caption><tr><th colspan="2">Daftar Gan</th></tr><tr><th>No.</th><th>Name:</th></tr><tr><td>1.</td><td>Nama Satu</td></tr><tr><td>2.</td><td>Nama Dua</td></tr><tr><td>3.</td><td>Nama Tiga</td></tr></table>
Sebenarnya masih banyak lagi bentuk bentuk tabel, tinggal anda modif sendiri, atau jika anda kesulitan, silahkan kunjungi situs penyedia pembuatan tabel secara online :
silahkan clik tombol berikut :