HTML Tabels

      Tabel adalah sebuah bentuk list data yang disusun dalam bentuk kolom dan baris. Untuk pengaplikasiannya ke dalam program, tabel di kemas dalam tag <table>, yang kemudian didalamnya berisi th,td,tr yang masing masing memiliki arti tabel header, tabel kolom, dan tabel baris. Berikut adalah tag dasar dari tabel.

<table>
  ......
</table> 

    Sebelumnya kalian juga harus memahami tentang perbedaan antara td , tr, dan th. Ketiga tag tersebut merupakan satu kesatuan dalam pembuatan tabel. Perhatikan contoh berikut.

<table> 
   <tr>
     <th>Aku th 1</th>   
     <th>Aku th 2</th> 
   </tr>
   <tr>
     <td>contoh</td>
     <td>contoh</td>
  </tr>
  <tr>
     <td>contoh</td>
     <td>contoh</td>
  </tr>
</table> 

    Untuk memberikan sebuah batas, atau border maka kalian bisa menambahkan script style didalam tag tabel atau bisa ditempatkan di tag head (css), seperti :

<table style="border:5px solid red; background-color:blue;"> 
  <tr>
     <th>Aku th 1</th>   
     <th>Aku th 2</th> 
  </tr>
    <tr>
     <td>contoh</td>
     <td>contoh</td>
  </tr>
  <tr>
     <td>contoh</td>
     <td>contoh</td>
  </tr>
</table> 

Atau menambahkan kode css :

<style>
table {
  border : 5px solid red;
  background-color:blue;
}
</style>