Web Programming with HTML5, CSS, and JavaScript

5.2 Table Elements

Let’s start by looking at a simple data table—the wind disasters table in FIGURE 5.1. It’s a data table in that it displays data, the names of famous tornadoes and hurricanes, in a row-column format. Headers are not required for a data table, but they are common, and the wind disasters table has two column headers, labeled “Tornadoes” and “Hurricanes.”

FIGURE 5.1 Wind Disasters web page

To create a data table, start with a table container element, fill the table element with a tr element for each of its rows, and fill each tr element with th elements for header cells and td elements for data cells. FIGURE 5.2 shows the ...