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

Ok Langsung aja :D

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 dengan3 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

Saya rasa hari ini cukup sampai disini dulu, Semoga brmanfaat buat agan2 !!!

Lihat Profil Saya