MDN Structuring Tables

You are working at a school; currently your students are studying the planets of our solar system, and you want to provide them with an easy-to-follow set of data to look up facts and figures about the planets. An HTML data table would be ideal — you need to take the raw data you have available and turn it into a table, following the steps below.

• Open your copy of blank-template.html, and start the table off by giving it an outer container, a table header, and a table body. You don't need a table footer for this example.

• Add the provided caption to your table.

• Add a row to the table header containing all the column headers.

• Create all the content rows inside the table body, remembering to make all the row headings into headings semantically.

• Ensure all the content is placed into the right cells — in the raw data, each row of planet data is shown next to its associated planet.

• Add attributes to make the row and column headers unambiguously associated with the rows, columns, or rowgroups that they act as headings for.

• Add a black border just around the column that contains all the planet name row headers.