Membuat Tabel Sederhana dengan Kode HTML

TABEL 1 BARIS 2 KOLOM:

<table border=1>
<tr>
<td>KOLOM1</td>
<td>KOLOM2</td>
</tr>
</table>

penjelasan:

<table border=1> untuk membuka/membuat tabel baru
<tr> untuk membuka baris baru
<td>KOLOM1</td> membuat kolom pertama pada baris ini
<td>KOLOM2</td> membuat kolom kedua pada baris ini
</tr> untuk menutup baris
</table> untuk menutup tabel

hasilnya:

KOLOM1

KOLOM2

TABEL PENUH 1 HALAMAN:

<table border=1 width=100%>
<tr>
<td>KOLOM1 (Kiri: tulisan pendek)</td>
<td>KOLOM2 (Kanan: yang ini tulisannya panjang sekali, saking panjangnya sampai muat 2 baris)</td>
</tr>
</table>

Hasilnya:

KOLOM1 (Kiri: tulisan pendek)

KOLOM2 (Kanan: yang ini tulisannya panjang sekali, saking panjangnya sampai muat 2 baris)

TABEL PENUH 1 HALAMAN TAPI PENGEN SEIMBANG:

<table border=1 width=100%>
<tr>
<td width=50%>KOLOM1 (Kiri: tulisan pendek)</td>
<td width=50%>KOLOM2 (Kanan: yang ini tulisannya panjang sekali, saking panjangnya sampai muat 2 baris. Walaupun panjang tapi lebar kolom dalam tabel tetap seimbang 50:50)</td>
</tr>
</table>

Hasilnya:

KOLOM1 (Kiri: tulisan pendek)

KOLOM2 (Kanan: yang ini tulisannya panjang sekali, saking panjangnya sampai muat 2 baris. Walaupun panjang tapi lebar kolom dalam tabel tetap seimbang 50:50)

MENGGUNAKAN CELLSPACING
Membuat Jarak Antar Sel:

<table border=1 width=100% cellspacing=10>
<tr>
<td width=50%>KOLOM1</td>
<td width=50%>KOLOM2</td>
</tr>
</table>

Hasilnya:

KOLOM1

KOLOM2

Mempersempit Jarak Antar Sel:

<table border=1 width=100% cellspacing=1>
<tr>
<td width=50%>KOLOM1</td>
<td width=50%>KOLOM2</td>
</tr>
</table>

Hasilnya:

KOLOM1

KOLOM2

Tidak Ada Jarak Antar Sel

<table border=1 width=100% cellspacing=0>
<tr>
<td width=50%>KOLOM1</td>
<td width=50%>KOLOM2</td>
</tr>
</table>

Hasilnya:

KOLOM1

KOLOM2

MENGHILANGKAN BORDER

<table border=0 width=100%>
<tr>
<td width=50%>KOLOM1</td>
<td width=50%>KOLOM2</td>
</tr>
</table>

Hasilnya:

KOLOM1

KOLOM2

1 BARIS 3 KOLOM 

<table border="1">
<tr>
<td>KOLOM1</td>
<td>KOLOM2</td>
<td>KOLOM3</td>
</tr>
</table>

Hasilnya:

KOLOM1

KOLOM2

KOLOM3

PERATAAN TULISAN DALAM TABEL (align / valign)

<table border=1>
<tr height=60>
<td height=60 width=150 align=left valign=top>KIRI ATAS</td>
<td height=60 width=250 align=center valign=top>TENGAH ATAS</td>
<td height=60 width=350 align=right valign=top>KANAN ATAS</td>
</tr>
<tr height=80>
<td height=80 width=150 align=left valign=middle>KIRI TENGAH</td>
<td height=80 width=250 align=center valign=middle>TENGAH TENGAH</td>
<td height=80 width=350 align=right valign=middle>KANAN TENGAH</td>
</tr>
<tr height=120>
<td height=120 width=150 align=left valign=bottom>KIRI BAWAH</td>
<td height=120 width=250 align=center valign=bottom>TENGAH BAWAH</td>
<td height=120 width=350 align=right valign=bottom>KANAN BAWAH</td>
</tr>
</table>

Hasilnya:

KIRI ATAS	TENGAH ATAS	KANAN ATAS
KIRI TENGAH	TENGAH TENGAH	KANAN TENGAH
KIRI BAWAH	TENGAH BAWAH	KANAN BAWAH

sumber: http://edyutomo.com/internet-dan-komputer/cara-membuat-tabel-dengan-kode-html/