COMBINED
COLSPAN & ROWSPAN
by Florence W Deems |
|---|
This table has 2 rowspan cells (dark and light blue)
and 2 colspan cells (both green).
1<tr> |
<td
row
OspanO
=
3>
</td> |
<td
row
span
=
2>
</td> |
<td></td> |
<td></td> |
| <td colspan=2></td> |
| <td></td> |
<td></td> |
<td></td> |
| <td colspan=3></td> |
---
<td></td>
--- | |
</tr> |
2<tr> |
</tr> |
3<tr> |
</tr> |
4<tr> |
</tr> | |
Row 1: Starts with dark blue rowspan="3" cell.
Contains total of 4 cells.
Row 2: Contains only the green colspan="2" cell.
Row 3: Starts with a red cell. Contains 3 cells.
Row 4: Starts with green colspan="3" cell. Contains 2 cells.
HINT: Rowspan - If the top of a cell lies in a row,
then that cell is part of that row in the code.
If the middle or bottom of a cell is in a row,
it is not coded as a separate cell in that row.
Colspan - Just count the number of columns the cell spans.
Think of it as a bridge.
|
|
