cara buat kolom 2

• Tabel selalu dimulai dengan tag pembuka <table><tbody>dan ditutup dengan tag </tbody></table>
• Untuk membuat baris diawali dengan tag <tr> dan ditutup dengan tag </tr>
• Untuk membuat kolom diawali dengan tag <td> dan ditutup dengan tag </td>

Agar penjelasan lebih mudah dipahami mari kita lihat contoh berikut:

• Membuat Tabel (untuk membuat garis dengan ketebalan garis 1 px pada tabelpada tabel, maka tambahkan atribut border="1" pada tag pembuka ) yang terdiri dari 1 baris dan tiga kolom maka kode HTML nya  adalah:
  

  <table border="1">
  <tr>
  <td>baris ke-1 kolom ke-1</td>
  <td>baris ke-1 kolom ke-2</td>
  <td>baris ke-1 kolom ke-3</td>
  </tr>
  </table>

  Hasilnya adalah: 
  

  baris ke-1 kolom ke-1

  baris ke-1 kolom ke-2

  baris ke-1 kolom ke-3

• Membuat Tabel (untuk membuat garis dengan ketebalan garis 1 px pada tabel, maka tambahkan atribut border="1" pada tag pembuka  ) yang terdiri dari 3 baris dan masing - masing baris terdiri dari 1 kolom maka kode HTML nya adalah:
  

  <table border="1">
  <tr>
  <td>baris ke-1 kolom ke-1</td>
  </tr>
  <tr>
  <td>baris ke-2 kolom ke-1</td>
  </tr>
  <tr>
  <td>baris ke-3 kolom ke-1</td>
  </tr>
  </tbody></table>

  Hasilnya adalah: 
  

  baris ke-1 kolom ke-1

  baris ke-1 kolom ke-1

  baris ke-3 kolom ke-1

===




Penggunaan Atribut Tag HTML pada Tabel
Setiap tag pembuka diatas  <table> <tr> <td>dapat diikuti / ditambahkan atribut untuk menambahkan perintah yang diberikan kepada seluruh elemen yang terletak antara tag pembuka tersebut sampai dengan tag penutupnya  Agar lebih jelas mari kita perhatikan contoh berikut ini:
Misal kita akan membuat tabel yang terdiri dari 3 baris dan 3 kolom dengan menggunakan garis batas (border) sebesar 1 px, dan khusus untuk baris ke - 2 menggunakan background warna biru, maka kode HTMLnya adalah sebagai berikut:

1. Untuk membuat tabel yang seluruh elemennya diberi garis pinggir dengan ketebalan 1 px, maka pada tag pembuka tabel kita beri atribut border="1", sehingga tag nya menjadi <table border="1">........... </table>
2. Agar seluruh elemen Tabel pada baris pertama (ke-1) di diberi background warna biru, maka tag pembuka pada baris  pertama (ke-1) atau tag <tr> yang pertama  diberi atribut bgcolor="blue" sehingga tagnya menjadi <tr bgcolor="blue"> .... </tr>
3. 
   
4. Sehingga Kode HTML nya menjadi:
   

   <table border="1"><tbody>
   <tr bgcolor="blue"><td>baris ke-1 kolom ke-1</td><td>baris ke-1 kolom ke-2</td><td>baris ke-1 kolom ke-3</td></tr> 
   <tr><td>baris ke-2 kolom ke-1</td><td>baris ke-2 kolom ke-2</td><td>baris ke-2 kolom ke-3</td></tr>
   <tr><td>baris ke-3 kolom ke-1</td><td>baris ke-3 kolom ke-2</td><td>baris ke-3 kolom ke-3</td></tr>
   </tbody></table>

    hasilnya sbb :
   

   baris ke-1 kolom ke-1	baris ke-1 kolom ke-2	baris ke-1 kolom ke-3
   baris ke-2 kolom ke-1	baris ke-2 kolom ke-2	baris ke-2 kolom ke-3
   baris ke-3 kolom ke-1	baris ke-3 kolom ke-2	baris ke-3 kolom ke-3