Sams Teach Yourself HTML, CSS & JavaScript Web Publishing in One Hour a Day

(singke) #1
ptg16476052

272 LESSON 10: Building Tables


redefine it for this row. You just move on to the next cell in the grid. The first cell in this
row is the Limit heading cell, and the second cell is the Adjust Deflection heading cell:
<tr>
<th>Limit</th>
<th>Adjust Deflection</th>
</tr>

What about the last cell? Just like the first cell, the cell in the row above this one had a
rowspan of 2 , which takes up the space in this row. The only values you need for this row
are the ones you already defined.
Are you with me so far? Now is a great time to try this out in your browser to make
sure that everything is lining up. It’ll look kind of funny because you haven’t really put
anything on the left side of the table yet, but it’s worth a try. Figure 10.27 shows what
you’ve got so far.

Next row! Check your grid if you need to. Here, the first cell is the heading for
Alternator, and it spans this row and the one below it:
<tr>
<th rowspan="2">Alternator</th>

Are you getting the hang of this yet?
The next three cells are pretty easy because they don’t span anything. Here are their defi-
nitions:
<td>Models without AC</td>
<td>10mm</td>
<td>5-7mm</td>

The last cell in this row is just like the first one:
<td rowspan="2">5-7mm</td>
</tr>

FIGURE 10.25
The table so far.


Free download pdf