Materi : Latihan7.html
Silakan copy paste ke notepad dan simpan dengan nama latihan7.html.
Kemudian jalankan menggunakan browser.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Page Description">
<title>Table with Header and Footer</title>
</head>
<body>
<h1>Table with Heading and Footer</h1>
<table border="1">
<caption>Table Caption</caption>
<thead>
<tr>
<td>Heading 1</td>
<td>Heading 2</td>
</tr>
</thead>
<tfoot>
<tr>
<td>Footer 1</td>
<td>Footer 2</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>Column 1</td>
<td>Column 2</td>
</tr>
<tr>
<td>Column 1</td>
<td>Column 2</td>
</tr>
</tbody>
</table>
<hr>
<table border="1">
<caption>Employee Salary</caption>
<thead>
<tr>
<td>Month</td>
<td>Salary</td>
</tr>
</thead>
<tfoot>
<tr>
<td>2018</td>
<td>$1000</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>Jan</td>
<td>$500</td>
</tr>
<tr>
<td>May</td>
<td>$500</td>
</tr>
</tbody>
</table>
</body>
</html>
Output
