Untuk membuat tabel, kode yg harus diketahui hanya <table>...</table> , <tr>...</tr> & <td>...</td>. <table>...</table> sebagai tag untuk membuat tabel, <tr>...</tr> untuk menentukan baris (row) atau membuat baris baru, & <td>...</td> untuk menampilkan data pada setiap sel
table (table data) atau untuk membuat kolom baru.
Contoh:
<html>
<head>
<title>contoh tabel</title>
</head>
<body>
<table> (atau bisa juga <table border="3"> untuk menentukan tebal border tabel)
<tr>
<td>baris 1 kolom 1</td>
<td>baris 1 kolom 2</td>
<td>baris 1 kolom 3</td>
</tr>
<tr>
<td>baris 2 kolom 1</td>
<td>baris 2 kolom 2</td>
<td>baris 2 kolom 3</td>
</tr>
<tr>
<td>baris 3 kolom 1</td>
<td>baris 3 kolom 2</td>
<td>baris 3 kolom 3</td>
<tr/>
</table>
</body>
</html>
hasil / gambaran :
# Atribut elemen table :
Width = Lebar tabel
Height = tinggi table
Border = tebal garis table
Cellspacing = spasi antar sel
Cellpadding = spasi di dalam sel
Align = [left | center | right] perataan table
Bgcolor = warna latar belakang table
# Atribut table row:
Align = [left | center | right] perataan sebaris sel
secara horizontal
Valign = [top | middle | bottom] perataan sebaris sel secara vertical
Valign = [top | middle | bottom] perataan sebaris sel secara vertical
Bgcolor = warna latar belakang baris
# Atribut table data :
Rowspan = menggabungkan baris
Colspan = menggabungkan kolom
Align = [left | center | right] perataan horizontal
Valign = [top | middle | bottom] perataan horizontal
Width = lebar sel
Height = tinggi sel
Bgcolor = warna latar belakang sel
Contoh 2:
<html>
<head>
<title>contoh tabel</title>
</head>
<body>
<table width="80%" border="3" cellspacing=0 cellpading=0>
<tr>
<td>baris
1 kolom 1</td>
<td>baris
1 kolom 2</td>
</tr>
<tr>
<td
colspan=2>baris 2 kolom 1</td>
</tr>
<tr>
<td
rowspan=2>baris 3 kolom 1</td>
<td>baris
3 kolom 2</td>
</tr>
<tr>
<td>baris
4 kolom 2</td>
</tr>
</table>
</body>
</html>
hasil / gambaran :
