CARA MEMBUAT KOLOM JUDUL TABEL HTML
BERWARNA
Jika pada blog sebelumnya kita telah belajar membuat
backcround pada tabel berwarna, maka sekarang kita akan belajar cara membuat
kolom judul tabel menjadi berwarna.
Jika kita hanya ingin membuat warna pada judul kolom, maka
kita hanya perlu menambahkan background color pada tag <tr> yg menjadi
baris nya untuk kolom-kolom judul. Scrip html nya adalah:
<html>
<head>
<title> contoh table </title>
</head>
<body>
<h1> contoh tabel </h1>
<table
border="1">
<tr style="background-color: purple">
<td> No </td>
<td> Nama </td>
<td> Umur </td>
<td> Jenis Kelamin </td>
</tr>
<tr>
<td>1</td>
<td>Nining Suningsih</td>
<td>30</td>
<td>Perempuan</td>
</tr>
<tr>
<td>2</td>
<td>Nanang Suparman</td>
<td>5O</td>
<td>Laki-Laki</td>
</tr>
<tr>
<td>3</td>
<td>Putri Natasha</td>
<td>20</td>
<td>Perempuan</td>
</tr>
<tr>
<td>4</td>
<td>Putra Sulesto</td>
<td>25</td>
<td>Laki-Laki</td>
</tr>
<tr>
<td>5</td>
<td>Safira Nadya</td>
<td>19</td>
<td>Perempuan</td>
</tr>
</body>
</table>
Dan hasilnya menjadi :
0 comments:
Post a Comment