David Lawrence's Official Blog: Menggabungkan kolom/baris Tabel

Bagaimana cara menggabungkan kolom dan baris dalam code HTML? Teknik merge(menggabungkan) adalah cara yang cukup maksimal dalam mempercantik tampilan web. Berikut penjelasannya :
Ada dua fungsi dasar dalam hal ini

COLSPAN

Berfungsi menggabungkan antar-kolom
Contoh : <TD COLSPAN=2 ALIGN=CENTER>Bagian Isi/Data</TD>

colspan=2, artinya 2 kolom yang ingin digabungkan.

ROWSPAN

Berfungsi menggabungkan antar-baris
Contoh : <TD ROWSPAN=2 ALIGN=CENTER>Bagian Isi/Data</TD>

rowspan=2, artinya 2 baris yang ingin digabungkan.

Bingung? Coba dan pahami code berikut :

<html>
<head>
<title>ColSpan & RowSpan</title>
</head>
<body>
<table border>
 <tr>
  <td colspan=3 align=center>Tiga Kolom</td>
 </tr>
 <tr>
  <td rowspan=2 align=center>Dua Baris</td>
  <td colspan=2 align=center>Dua Kolom</td>
 </tr>
 <tr>
  <td align=center>Utuh</td>
  <td align=center>Utuh</td>
 </tr>
</table>
</body>
</html>

Hasilnya :

David Lawrence's Official Blog

Laman

Selasa, 23 Juli 2013

Menggabungkan kolom/baris Tabel - HTML

Tidak ada komentar:

Posting Komentar