HTML and CSS Reference
In-Depth Information
Another look at Tony's table
Based on his return trip to New Mexico, Tony's added a new entry for August 27th,
just below the original Truth or Consequences entry. He's also reused a couple of
cells where the information didn't change (a great technique for reducing the amount
of information in a table). You can see that when he added the new row, all he
needed to do was list the things that were different the second time around (the date,
the temperature, and that he revisited the diner).
Diner
Rating
City
Date
Temp
Altitude
Population
Walla Walla, WA
June 15th
75
1,204 ft
29,686
4/5
Magic City, ID
June 25th
74
5,312 ft
50
3/5
H
ere a
re bo
th
o
f Ton
y's vi
sits
t
o Tru
th or
C
onseq
uence
s.
Bountiful, UT
July 10th
91
4,226 ft
41,173
4/5
Last Chance, CO
July 23rd
102
4,780 ft
265
3/5
Truth or
Consequences,
NM
August 9th
93
4,242 ft
7,289
5/5
August 27th
98
4/5
Why, AZ
August 18th
104
860 ft
480
3/5
But where does this leave you with HTML? It seems like you'd have to add an entirely
new row and just duplicate the city, altitude, and population, right? Well, not so fast.
We have the technology…using HTML tables, you can have cells span more than
one row (or more than one column). Let's see how this works…
