Sacraments Table

This table example demonstrates how to code a table with a caption on it and rowspan and colspan attributes on the entry elements, as well as the cellpadding and cellspacing attributes on the table. The border attribute creates a border with the specified width and single pixel border around each cell. The caption is a label that is centered over the table. The cellpadding and cellspacing attributes pad the cells internally the specified value and put margins between the cells as specified by the cellspacing value. The thead, tbody, and tfoot elements group rows of the table, much like a colgroup does for columns.

SacramentsTable.html

<!DOCTYPE html>
<html>
  <head>
    <title>XoaX.net HTML</title>
    <style>
      table {
        background-color:white;
      }
    </style>
  </head>
  <body>
    <table cellspacing="10" cellpadding="5" border="3">
      <caption>The Sacraments of the Church</caption>
      <thead>
        <tr>
          <th>Sacrament</th>
          <th>Classification</th>
          <th>Typical Age</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>Baptism</td>
          <td rowspan="3">Initiation</td>
          <td>Birth</td>
        </tr>
        <tr>
          <td>Eucharist</td>
          <td>8 and above</td>
        </tr>
        <tr>
          <td>Confirmation</td>
          <td>16</td>
        </tr>
      </tbody>
      <tbody>
        <tr>
          <td>Penance</td>
          <td rowspan="2">Healing</td>
          <td>8 and above</td>
        </tr>
        <tr>
          <td>Anotining of the Sick</td>
          <td>Elderly</td>
        </tr>
      </tbody>
      <tbody>
        <tr>
          <td>Holy Orders</td>
          <td rowspan="2">Service</td>
          <td>Young Adult</td>
        </tr>
        <tr>
          <td>Holy Matrimony</td>
          <td>Young Adult</td>
        </tr>
      </tbody>
      <tfoot>
        <tr>
          <th colspan="3">XoaX.net</th>
        </tr>
      </tfoot>
    </table>
  </body>
</html>

Core HTML

Sacraments Table

SacramentsTable.html

Output