Pages

Tuesday, 12 March 2013

Membuat Tabel Menggunakan HTML

Untuk membuat tabel menggunakan HTML, hanya diperlukan tiga tag, yaitu :
  1. <table></table> untuk membuat tabel
  2. <tr></tr> untuk membuat baris
  3. <td></td> untuk membuat kolom

 
Jangan lupa aturan HTML adalah selalu membuat tag pembuka dan juga tag penutup. Tag <td> ada di dalam tag <tr> dan tag <tr> ada di dalam tag <table>.

Agar bentuk tabel dapat dilihat, gunakan border="1" untuk menampilkan garis tabel. Berikut adalah contoh script untuk membuat table :
    1:  <table border="1">  
    2:      <tr>  
    3:        <td>Baris satu kolom satu</td>  
    4:        <td>Baris satu kolom dua</td>  
    5:        <td>Baris satu kolom tiga</td>  
    6:      </tr>  
    7:     <tr>  
    8:        <td>Baris dua kolom satu</td>  
    9:        <td>Baris dua kolom dua</td>  
    10:        <td>Baris dua kolom tiga</td>  
    11:      </tr>  
    12:     <tr>  
    13:        <td>Baris tiga kolom satu</td>  
    14:        <td>Baris tiga kolom dua</td>  
    15:        <td>Baris tiga kolom tiga</td>  
    16:      </tr>  
    17:  </table>  
    


    Dan berikut adalah hasil dari tag di atas :
    Baris satu kolom satuBaris satu kolom duaBaris satu kolom tiga
    Baris dua kolom satuBaris dua kolom duaBaris dua kolom tiga
    Baris tiga kolom satuBaris tiga kolom duaBaris tiga kolom tiga

    No comments:

    Post a Comment