The Table Tag

Tables allow us to display data is an organized manner under column headings. Below, we have created a table that displays the names of the four evangelists of the New Testament: Matthew, Mark, Luke, and John. The symbols and the meaning of the symbols is displayed in separate colummn.

The top row is stored in <th> tags because they are table headers, while the entries underneath them are stored in <td> or table data tags. Each row of data is stored in a <tr> or table row tag. The whole table is inside <table> tags.

Table.html

<!DOCTYPE html>
<html>
  <head>
    <title>XoaX.net's HTML: Table Example</title>
  </head>
  <body>
    <h1>The Four Evangelists</h1>
    <table>
      <tr>
        <th>Name</th>
        <th>Symbol</th>
        <th>Meaning</th>
      </tr>
      <tr>
        <td>Matthew</td>
        <td>Winged Man</td>
        <td>Incarnation</td>
      </tr>
      <tr>
        <td>Mark</td>
        <td>Winged Lion</td>
        <td>Resurrection</td>
      </tr>
      <tr>
        <td>Luke</td>
        <td>Winged Ox</td>
        <td>Passion</td>
      </tr>
      <tr>
        <td>John</td>
        <td>Eagle</td>
        <td>Ascension</td>
      </tr>
    </table>
  </body>
</html>

Core HTML

The Table Tag

Table.html

Output