Blogger Widgets

Selasa, 30 September 2014

Cara mewarnai Table



Jika kita ingin mewarnai tabel sesuai yang kita inginkan, seperti ini.
Jumlah Pengunjung Blog Kramat Singarajan
Pengunjung
Jumlah (%)
Perempuan
20%
Laki - Laki
80%


Untuk kodenya seperti kode html yang sudah saya sampaikan di postingan sebelumnya. Hanya di tambahkan kode bgcolor="warna" di setiap Tag, seperti <table>, <th>, <td>.

a. Untuk mewarnai seluruh tabel <table></table>, kodenya seperti ini.

<table border="1px"; bgcolor="warna" > isi </table>

b. Untuk mewarnai kepala tabel <th></th>, kodenya seperti ini.

<th bgcolor="warna" > isi </th>

c. Untuk mewarnai kolom tabel <td></td>, kodenya seperti ini.

<td bgcolor="warna" > isi </td>

Jika anda sudah jelas tentang cara mewarnai di setiap element tabel tadi, sekarang ini adalah contoh kode keseluruhan tabel yang berwarna warni.

<table border="1" bgcolor="red">
<tr>
<th bgcolor="green">Pengunjung</th>
<th bgcolor="blue">Jumlah (%)</th>
</tr>
<tr>
<td bgcolor="yellow">Perempuan</td>
<td bgcolor="burlywood">20%</td>
</tr>
<tr>
<td bgcolor="brown">Laki - Laki</td>
<td bgcolor="chartreuse">80%</td>
</tr>
</table>

Maka hasilnya akan seperti ini.
Jumlah Pengunjung Blog Kramat Singarajan
Pengunjung
Jumlah (%)
Perempuan
20%
Laki - Laki
80%
Jika kurang jelas, silahkan anda berkomentar atau langsung menghubungi saya.

0 komentar:

Posting Komentar