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

ptg16476052

266 LESSON 10: Building Tables

<td style="text-align: right; vertical-align: middle;"><img src="star.png"

alt="" /></td>

</tr>

<tr>

<th>Bottom</th>

<td style="text-align: left; vertical-align: bottom;"><img src="star.png"

alt="" /></td>

<td style="text-align: center; vertical-align: bottom;"><img src="star.png"

alt="" /></td>

<td style="text-align: right; vertical-align: bottom;"><img src="star.png"

alt="" /></td>

</tr>

</table>

</body>

</html>

Output ▼

Spanning Multiple Rows or Columns

The tables you’ve created up to this point all had one value per cell or the occasional

empty cell. You also can create cells that span multiple rows or columns within the table.

Those spanned cells then can hold headings that have subheadings in the next row or col-

umn, or you can create other special effects within the table layout. Figure 10.19 shows a

table with spanned columns and rows.

FIGURE 10.18

A matrix of cell

alignment settings.