HTML Tables — exercises and bug fixes

Build a table with a <thead> row of column headers (Plan, Price, Storage) and a <tbody> with at least two plan rows. Use <th> for the header cells.

• Add a <table> element.
• Add three header cells in thead.
• Add at least two rows in tbody.

Add a <caption> reading "Q1 sales by region" as the table's first child.

• Add a <caption> as a direct child of the table.
• The caption should read "Q1 sales by region".

The header row needs a "Quarterly Totals" cell that spans across all 3 data columns. Give that <th> colspan="3".

• Add a header cell reading "Quarterly Totals".
• Give the header cell colspan="3".

Add a <tfoot> row with a "Total" label and the value "$310" alongside the existing thead and tbody.

• Add a <tfoot> to the table.
• The footer row should include the label "Total".

In this player stats table, the first cell of each row names the player and should be a row header. Change those cells to <th scope="row">.

• Turn the player name cell into a <th scope="row">.
• The row header should still say "Amara".

Add a table with one row of two cells.

Use th for the header row.

Give the table a caption saying "Team".

Use thead and tbody to structure the table.

Add a cell that spans two columns.

This table's column headers were written with <td> instead of <th>, so screen readers can't announce them as headers. Fix the header row.

This 3-column table's title row uses colspan="2", so it doesn't stretch across the last column. Fix the colspan to span all 3 columns.

These column headers are missing scope="col", which screen readers rely on to associate each header with its column. Add it to both.

This table's data rows sit directly inside <table> with no <tbody> wrapper. Wrap them in a <tbody> so the table has a proper row-group structure.

• Add a <tbody> wrapping the data row.
• Keep the row inside tbody.

This table's title is a <p> placed above the table. Turn it into a proper <caption> as the table's first child instead.

• Add a <caption> as the table's first child.
• The caption should read "Team roster".

The table element is empty, so there is nothing to show.

The header row should use th, not td.

The caption must be inside the table.

Tabular data should use a real table.

Column spanning uses colspan, not span.