Thursday, October 25, 2012

Menggabungkan Baris atau Kolom Tabel pada HTML

Pada dokumen HTML kita dapat menggunakan atribut Rowspan untuk menggabungkan beberapa baris menjadi satu baris, Sedangkan untuk menggabungkan beberapa kolom menjadi satu kolom kita dapat menggunakan atribut Colspan.
Kemudian apabila Anda ingin meletakan header Tabel pada bagian atas kolom, Anda dapat menggunakan Tag <th> tentunya harus di akhiri dengan tag penutup </th>, Maka secara default Web Browser akan menampilkan header tabel yang dicetak secara tebal.
Supaya anda lebih memahaminya Lihatlah ilustrasi di bawah ini !
    

  1. <html>
    2. 

  2. <head><title>Penggabungan Baris dan Kolom</title>
    3. 

  3. </head>
    4. 

  4. <body>
    5. 

  5. <table border="1">
    6. 

  6. <th>kolom1</th>
    7. 

  7. <th>kolom2</th>
    8. 

  8. <th>kolom3</th>
    9. 

  9. <tr><td rowspan="2">Baris1 kolom1</td>
    10. 

  10. <td>baris1 kolom2</td><td>baris1 kolom3</td>
    11. 

  11. <tr><td>baris2 kolom2</td><td>baris2 kolom3</td></tr>
    12. 

  12. <tr><td colspan="3">baris3 kolom1</td></tr>
    13. 

  13. </table>
    14. 

  14. </body>
    15. 

  15. </html>
    16.

Web Browser akan menampilkannya seperti berikut ini

Pengabungan tabel pada html
Tampilan pada Browser

Posted by at
Labels:

No comments:

Post a Comment