oblaat

a guide to conceiving, creating & publishing your own website

Adding tables

Perhaps you wish to add some data to your website and this data is best represented via a table. Tables are versatile: you could use them to lay out the budget for a project, or the levels that different Pokémon evolve at. You could even use them to lay out a collection of image links, the name of each website being linked to, and a description of each website.

Each table has three different kinds of elements that might go inside of it: table rows (tr) that declare where a row starts and ends, table headings (th) to describe what a row or column might have inside of it, and table data (td) for the actual data inside of a table.

<table>
  <tr>
    <th>Given name</th>
    <th>Surname</th>
    <th>Birthday</th>
  </tr>
  <tr>
    <td>Richard</td>
    <td>Fisher</td>
    <td>January 30</td>
  </tr>
  <tr>
    <td>John</td>
    <td>Smith</td>
    <td>April 12</td>
  </tr>
  <tr>
    <td>Amy</td>
    <td>Jones</td>
    <td>November 4</td>
  </tr>
</table>

This code results in a table like the following:

Simple and easy after some practice.