Cara Membuat Tabel Background Warna Postingan - foldersoal.com
Friday, December 27, 2013
Edit
Pada kesempatan kali ini saya akan menuliskan cara membuat tabel dengan Backgroun warna.
Tabel digunakan untuk meringkas/rekapitulasi data, baik data kualitatis maupun kuantitatif, dengan menggunakan tabel data yang direkap akan terlihat rapih. Berikut ini cara membuat tabel dengan background warna :
Tabel dua Colom
Tabel Tiga Colom
Anda bisa juga membuat tabel seperti berikut :
Silahkan anda pelajari dan dipahami, cukup sekian bagaimana cara membuat tabel dengan background warna. Semoga bermanfaat.
Berbagai Sumber
Tabel digunakan untuk meringkas/rekapitulasi data, baik data kualitatis maupun kuantitatif, dengan menggunakan tabel data yang direkap akan terlihat rapih. Berikut ini cara membuat tabel dengan background warna :
Tabel dua Colom
<table width="100%" border="2"><tr> <td width="10%" bgcolor="blue" align="left">KOLOM BIRU</td> <td width="10%" bgcolor="red" align="left">KOLOM MERAH</td></tr> <tr> <td width="10%" bgcolor="pink" align="left">KOLOM KUNING</td> <td width="10%" bgcolor="white" align="left">KOLOM PUTIH</td></tr></table> |
KOLOM BIRU | KOLOM MERAH |
KOLOM PINK | KOLOM PUTIH |
Tabel Tiga Colom
<table width="100%" border="3"><tr><td width="10%" bgcolor="blue" align="left">KOLOM BIRU</td> <td width="10%" bgcolor="black" align="left">KOLOM HITAM</td> <td width="10%" bgcolor="orange" align="left">KOLOM ORANGE</td></tr> <tr> <td width="10%" bgcolor="yellow" align="left">KOLOM KUNING</td> <td width="10%" bgcolor="red" align="left">KOLOM MERAH</td> <td width="10%" bgcolor="green" align="left">KOLOM HIJAU</td></tr></table> |
| KOLOM BIRU | KOLOM HITAM | KOLOM ORANGE |
| KOLOM KUNING | KOLOM MERAH | KOLOM HIJAU |
Keterangan : Table width adalah luas tabel. kita ambil 100% agar mudah dalam menghitung luas kolom. td width adalah luas kolom. bgcolor adalah warna background. align left adalah posisi pada tabel |
Anda bisa juga membuat tabel seperti berikut :
<table width=’500’ border=’1’> <tr bgcolor=#1919B3> <td align=‘left’> Cara Membuat Blog </td> <td align=‘left’> Cara membuat tabel </td> </tr> <tr bgcolor=#858383> <td align=‘left’> Cara Membuat slide otomatis </td> <td align=‘right’> Cara Mudah Membuat recent post </td> </tr> </table> |
| Cara Membuat Blog | Cara membuat tabel |
| Cara Membuat slide otomatis | Cara Mudah Membuat recent post |
Keterangan : Kode warna merah adalah kode warna kode warna ungu adalah posisi pada tabel |
Silahkan anda pelajari dan dipahami, cukup sekian bagaimana cara membuat tabel dengan background warna. Semoga bermanfaat.