Tables in HTML

A data table: header cells label the columns, data cells hold the values.

<table>
  <caption>Best runs this week</caption>
  <tr>
    <th>Language</th>
    <th>WPM</th>
  </tr>
  <tr>
    <td>Python</td>
    <td>72</td>
  </tr>
  <tr>
    <td>Rust</td>
    <td>61</td>
  </tr>
</table>

How it works

1. th is a header cell, td a data cell.
2. caption names the table and belongs first.
3. Tables are for data, never for page layout.

The run, in numbers

Lines

15

Characters to type

173

Tokens

84

Three-star pace

70 tpm

At the three-star pace of 70 tokens a minute, this run takes about 72 seconds.

Type this snippet

Step 1 of 4 in Tables, step 23 of 28 in Document structure.

← Previous Next →