Cara Membuat Tabel dan Menggabungkan Tabel Dengan Kode HTML

CARA MEMBUAT TABEL DENGAN KODE HTML

Membuat table dengan Kode HTML 

Dalam membuat tabel, kita membutuhkan perintah

• < table >

• < width > untuk lebar table

• < height > untuk tinggil table

• < colspan > untuk menyatukan kolom

• < rowspan > untuk menyatukan baris

Tabel dengan 1 colom : 

<table width="100%" border="1">
<tr>
<td align="center" bgcolor="#00FF00">teks</td></tr>
Hasil<br />
<table width="1000px"
border="1"><tr><td width="1000px" bgcolor="green"
align="center">teks</td></tr></table>
<p> Tabel dengan 2 kolom : <br /><textarea cols="40" rows="7">
<table width="100%" border="1">
<tr>
<td width="50%" bgcolor="green"
align="center">teks 1</td> <td width="50%" bgcolor="green"
align="center">teks 2</td></tr></table>

Hasil : 

Teks 1

Teks 2

Tabel dengan 3 kolom :

<table width="100%" border="1"><tr><td width="33%" bgcolor="green" align="center">teks 1</td><td width="34%" bgcolor="green" align="center">teks 2</td><td width="33%" bgcolor="green" align="center">teks 3</td></tr></table>

Hasil :

Teks 1

Teks 2

Teks 3

Menggabungkan kolom :

<table width="100%"
border="1"><tr><td width="33%" bgcolor="green"
align="center">teks 1</td><td colspan="2" width="67%" bgcolor="green"
align="center">teks 2&3 </td></tr></table>

Hasil : 

Teks 1

Teks 2&3

 Menggabungkan Baris :

<table width="1000&" border="1" height="30"><tr><td width="50%" headers="10"bgcolor="green" align="center">baris 1</td><td width="50%" bgcolor="green" rowspan="3" align="center">baris 1,2,3</td></tr><tr><td width="50%" headers="10"bgcolor="green" align="center">baris 2 </td><tr><td width="50%" headers="10"bgcolor="green" align="center">baris 3</td></table>

Hasil :

baris 1	baris 1,2,3
baris 2
baris 3