Monday, November 7, 2011

Memberi Warna Background Tabel HTML

 Memberi Warna Background Tabel HTML
Memberi warna background pada baris dan sel tabel
Cara nya dengan memberi nilai pada atribut bgColor pada tag <tr> untuk baris
dan <th> untuk judul kolom dan <td> untuk sel.

Contoh penggunaanya:

<html>
     <head>
     <title>Tabel dalam html</title>
     </head>
<body>
     <table border="2">
           <caption>Tabel Harga Produk</caption>
          
           <tr bgColor="#ff99aa">
              <th>Kode Produk</th>
              <th width="200">Nama Produk</th>
              <th width="100">Harga</th>
           </tr>
          
           <tr>
              <td>P001</td>
              <td width="200">Kipas Angin</td>
              <tdwidth="100">400.000,-</td>
           </tr>
          
           <tr>
              <td>P002</td>
              <td width="200">Lemari Es</td>
              <td width="100" bgColor="#ff99aa">1.500.000,-</td>
           </tr>
          
           <tr>
              <td>P003</td>
              <td width="200">Radiotape</td>
              <td width="100">1.000.000,-</td>
           </tr>
          
           <tr>
              <td>P004</td>
              <td width="200">Televisi</td>
              <td width="100" bgColor="#ff99aa">1.200.000,-</td>
           </tr>
     </table>
</body>
</html>

Demikian penjelasan Memberi Warna Background Tabel HTML

0comments:

Post a Comment