Monday, November 7, 2011

Membuat Tabel HTML

 Membuat Tabel HTML
Tag html untuk pembuatan tabel :

1. <table> dan </table>
   Tag ini digunakan untuk mendefinisikan tabel didalam html.

2. <caption> dan </caption>
   Tag ini digunakan untuk menyertakan judul tabel.
   Posisi judul tabel dapat diubah pada bagian atas atau bawah tabel, yaitu
   dengan mengubah atribut Align menjadi Top atau Bottom.

3. <tr> dan </tr>
   Tag ini digunakan untuk membuat baris baru dalam tabel.

4. <th> dan </th>
   Tag ini digunakan untuk membuat sel header (kepala) atau judul kolom
   dari suatu tabel.

5. <td> dan </td>
   Tag ini digunakan utk membuat sel dalam tabel. Semua data yang dimunculkan
   dalam suatu tabel harus dibuat menggunakan tag <td> dan </td>

contoh:

<html>
     <head>
     <title>Tabel dalam html</title>
     </head>
<body>
     <table>
           <caption>Tabel Harga Produk</caption>
          
           <tr>
              <th>Kode Produk</th>
              <th>Nama Produk</th>
              <th>Harga</th>
           </tr>
          
           <tr>
              <td>P001</td>
              <td>Kipas Angin</td>
              <td>400.000,-</td>
           </tr>
          
           <tr>
              <td>P002</td>
              <td>Lemari Es</td>
              <td>1.500.000,-</td>
           </tr>
          
           <tr>
              <td>P003</td>
              <td>Radiotape</td>
              <td>1.000.000,-</td>
           </tr>
          
           <tr>
              <td>P004</td>
              <td>Televisi</td>
              <td>1.200.000,-</td>
           </tr>
     </table>
</body>
</html>

Demikian penjelasan Membuat Tabel HTML

0comments:

Post a Comment