Previous | Next

Full View

Contents of (g + h) Complicated tables (cont.)

(g + h) Complicated tables (cont.)

Screenshot of example HTML code for complex table from previous slide

Lecture Notes

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>

©