Selasa, 17 April 2012

Memberi Warna Pada Kolom Belajar HTML Table


Kolom pada HTML Table juga bisa diberi warna. Bukan hanya kolom saja yang bisa diberi warna, tetapi juga body, table dan huruf2 juga bisa kita beri warna sesuai yang kita inginkan.
Untuk Memberi Warna pada Kolom, body dan table diperlukan kode bgcolor=”#” yang ditaruh pada tag yang akan diberi warna.
Untuk kali ini kita ambil Kolom 1+2+3 yang akan kita beri warna. Ada beberapa macam cara yang bisa dipakai untuk memberi kode warna pada kolom html table. Dalam posting ini hanya akan saya berikan dua cara yang gampang dan banyak dipakai.
Kesatu: Tulis warna Red, Blue, Black, White, Green atau Yellow dan sisipkan pada bgcolor seperti ini, misalnya bgcolor=”Red” dan taruh dalam tag “td” Dan Tag nya menjadi <td bgcolor=”Red”>
Pilihan warna dengan cara menulis nama warna ini jumlahnya sangat terbatas.
Kedua: Tulis kode warna #FF0000 (ini kode untuk warna Merah) dan sisipkan pada bgcolor yang ada dalam tag seperti diatas menjadi <td bgcolor=”#FF0000″>
Pilihan warna dengan kode seperti diatas cukup banyak dan bisa dilihat Html Color Codes.
Nah,sekarang kita buka dulu link HTML Color Codes. Pilih salah satu kode warna, misalnya #FF9900. (Jangan lupa taruh # didepan kode warna!)
Masukkan pada tag Kolom 1+2+3 sehingga tagnya menjadi
<td bgcolor=”#FF9900″>
Sekarang kode HTML nya menjadi seperti dibawah ini:
<html>
<head>
<title>Belajar HTML Table</title>
</head>
<body>
<table border=”2″ width=”450″>
<tr>
<td colspan=”3″ bgcolor=”#FF9900″>Kolom 1+2+3 </td>
</tr>
<tr>
<td rowspan=”2″>Kolom 1A<br />+Kolom 1B</td>
<td>Kolom 2A</td>
<td>Kolom 3A<br />+Kolom 3B</td>
</tr>
<tr>
<td>Kolom 2B</td>
</tr>
<tr>
<td>Kolom 1C</td><td>Kolom 2C</td><td>Kolom 3C</td>
</tr>
</table>
</body>
</html>
Dan tampilannya sekarang adalah seperti ini :
Memberi Warna Kolom
Diposting oleh di

3 komentar:

Langganan: Posting Komentar (Atom)