HTML Tables

This tutorial is part of a web programming course for people who have no programming experience.

A web page will often display content in the form of a table. The important thing to understand about tables is that they are made up of rows, and each row contains a number of cells (sound familiar?). Keep this in mind as we go about building a sample table.

We'll start by adding a table element and set it's border attribute:

<table border="1"></table>

To add a row to the table, nest a tr element into the table:

<table border="1">
    <tr></tr>
</table>

To add cells to a row, we use td elements (td stands for table data). We'll make this a two column table, so each row will have two td elements.

<table border="1">
    <tr>
        <td></td>
        <td></td>
    </tr>
</table>