(g + h) Complicated tables (cont.)

HTML code from previous slide example is displayed on this page as follows:
<table width="428" border="1" summary="First example table; shows west coast and east coast statistics">
<tr valign="top">
<th colspan="4" id="title">West Coast</th>
</tr>
<tr valign="top">
<th id="header1" headers="title">City</th>
<th id="header2" headers="title">2006</th>
<th id="header3" colspan="2" headers="title">2007-2008</th>
</tr>
<tr valign="top">
<th id="row1" headers="title header1">Los Angeles </th>
<td headers="title row1 header2">data1</td>
<td headers="title row1 header3">data2</td>
<td headers="title row1 header3">data3</td>
</tr>
<tr valign="top">
<th id="row2" headers="title header1">Seattle</th>
<td headers="title row2 header2">data4</td>
<td headers="title row2 header3">data5</td>
<td headers="title row2 header3">data6</td>
</tr>
<tr valign="top">
<th colspan="4" id="title2">East Coast</th>
</tr>
<tr valign="top">
<th width="100" id="header4" headers="title2">City</th>
<th width="100" id="header5" headers="title2">2006</th>
<th width="100" id="header6" headers="title2">2007</th>
<th width="100" id="header7" headers="title2">2008</th>
</tr>
<tr valign="top">
<th id="row3" headers="title2 header4">New York City </th>
<td headers="title2 row3 header5">data7</td>
<td headers="title2 row3 header6">data8</td>
<td headers="title2 row3 header7">data9</td>
</tr>
<tr valign="top">
<th id="row4" headers="title2 header4">Philadelphia</th>
<td headers="title2 row4 header5">data10</td>
<td headers="title2 row4 header6">data11</td>
<td headers="title2 row4 header7">data12</td>
</tr>
<tr valign="top">
<th id="row5" headers="title2 header4">Boston</th>
<td headers="title2 row5 header5">data13</td>
<td headers="title2 row5 header6">data14</td>
<td headers="title2 row5 header7">data15</td>
</tr>
</table>