Monday, November 7, 2011

Memasukkan Gambar Ke Dalam Tabel HTML

Memasukkan Gambar Ke Dalam Tabel HTML
Memasukkan Gambar ke dalam tabel
Perlu diingat file gambar yang akan dimasukkan harus berada dalam folder yang sama dengan file html nya

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>
              <th width="150">Gambar</th>
           </tr>
          
           <tr bgColor="#ff99aa">
              <td>P001</td>
              <td width="200">Kipas Angin</td>
              <td width="100">400.000,-</td>
              <td width="150" align="center"><img src="kipas angin.jpg" width="145" height="150"/></td>
           </tr>
          
           <tr bgColor="#ff99aa">
              <td>P002</td>
              <td width="200">Lemari Es</td>
              <td width="100">1.500.000,-</td>
              <td width="150" align="center"><img src="lemari es.jpg" width="145" height="150"/></td>
           </tr>
          
           <tr bgColor="#ff99aa">
              <td>P003</td>
              <td width="200">Radiotape</td>
              <td width="100">1.000.000,-</td>
              <td width="150" align="center"><img src="radiotape.jpg" width="145" height="150"/></td>
           </tr>
          
           <tr bgColor="#ff99aa">
              <td>P004</td>
              <td width="200">Televisi</td>
              <td width="100" bgColor="#ff99aa">1.200.000,-</td>
              <td width="150" align="center"><img src="Televisi.jpg" width="145" height="150"/></td>
           </tr>
     </table>
</body>
</html>

Demikian penjelasan Memasukkan Gambar Ke Dalam Tabel HTML

0comments:

Post a Comment