Tables

A table is <table> containing rows, <tr>, which contain cells: <th> for header cells and <td> for data. Group the header row in <thead> and the data rows in <tbody>; it helps styling and assistive technology. Add scope="col" to column headers when you want to be thorough.

Tables are for tabular data, things with rows and columns, not for laying out a page; layout is CSS's job and comes in module three.

<table>
  <thead><tr><th>Name</th><th>Price</th></tr></thead>
  <tbody><tr><td>Tea</td><td>2.50</td></tr></tbody>
</table>

Your task

Make a table with a thead holding one row of two th cells, Item and Price, and a tbody with at least two rows of two td cells each.

Part of the final project. table is the price list. It is saved in this browser and loaded into Project: a one-page site when you get there.

<!doctype html>
<html>
<head>
<style>
</style>
</head>
<body>
<h1>Prices</h1>
<table>
  <thead>
    <tr><th>Item</th><th>Price</th></tr>
  </thead>
  <tbody>
    <tr><td>Tea</td><td>2.50</td></tr>
    <tr><td>Cake</td><td>4.00</td></tr>
  </tbody>
</table>
</body>
</html>