You are on page 1of 2

Listing 1

<!DOCTYPE html>
<html>
<head>
<title>Tabel</title>
<head>
<body>
Contoh tabel 3 baris 4 kolom
<br /><br />
<table border= 1 > |
<tr>
<td>baris 1 kolom 1</td>
<td>baris 1 kolom 2</td>
<td>baris 1 kolom 3</td>
<td>baris 1 kolom 4</td>
</tr>
<tr>
<td>baris 2 kolom 1</td>
<td>baris 2 kolom 2</td>
<td>baris 2 kolom 3</td>
<td>baris 2 kolom 4</td>
</tr>
<tr>
<td>baris 3 kolom 1</td>
<td>baris 3 kolom 2</td>
<td>baris 3 kolom 3</td>
<td>baris 3 kolom 4</td>
</tr>
</table>
</body>
</html>
Listing 2
<!DOCTYPE html>
<html>
<head>
<title>Tabel</title>
<head>
<body>
Contoh tabel 3 baris 4 kolom<br />
dengan beberapa sel yang dimerger
<br /><br />
<table border= 1 >
<tr>
<td colspan= 3 >baris 1 kolom 1,2,3</td>
<td>baris 1 kolom 4</td>
</tr>
<tr>
<td>baris 2 kolom 1</td>
<td colspan= 2 >baris 2 kolom 2,3</td>
<td>baris 2 kolom 4</td>
</tr>
<tr>
<td>baris 3 kolom 1</td>
<td>baris 3 kolom 2</td>
<td>baris 3 kolom 3</td>
<td>baris 3 kolom 4</td>

</tr>
</table>
</body>
</html>
Listing 3
<!DOCTYPE html>
<html>
<head>
<title>Tabel</title>
<head>
<body>
Contoh tabel 3 baris 4 kolom<br />
dengan beberapa sel yang dimerger
<br /><br />
<table border= 1 >
<tr>
<td rowspan= 2 >baris 1,2 kolom 1</td>
<td rowspan= 2 >baris 1,2 kolom 2</td>
<td>baris 1 kolom 3</td>
<td>baris 1 kolom 4</td>
</tr>
<tr>
<td>baris 2 kolom 3</td>
<td>baris 2 kolom 4</td>
</tr>
<tr>
<td>baris 3 kolom 1</td>
<td>baris 3 kolom 2</td>
<td>baris 3 kolom 3</td>
<td>baris 3 kolom 4</td>
</tr>
</table>
</body>
</html>

You might also like