Cobalah sendiri - CSS table

<!DOCTYPE html>
<html>
<head>
<style>
table, td, th {
   border: 1px solid black;
}

caption {
   caption-side: bottom;
}
</style>
</head>
<body>

<table>
<caption>Table 1.1 Customers</caption>
  <tr>
   <th>Company</th>
   <th>Contact</th>
   <th>Country</th>
  </tr>
  <tr>
   <td>Alfreds Futterkiste</td>
   <td>Maria Anders</td>
   <td>Germany</td>
  </tr>
  <tr class="alt">
   <td>Berglunds snabbk�p</td>
   <td>Christina Berglund</td>
   <td>Sweden</td>
  </tr>
  <tr>
   <td>Centro comercial Moctezuma</td>
   <td>Francisco Chang</td>
   <td>Mexico</td>
  </tr>
  <tr class="alt">
   <td>Ernst Handel</td>
   <td>Roland Mendel</td>
   <td>Austria</td>
  </tr>
  <tr>
   <td>Island Trading</td>
   <td>Helen Bennett</td>
   <td>UK</td>
  </tr>
</table>

<p><b>Note:</b> IE8 supports the caption-side property if a !DOCTYPE is specified.</p>

</body>
</html>