Lesson 19 Solutions

Reading Tables with Rowspan


The table we are studying is below. How would you build this table using rowspan?

Reading from left to right we can see 3 columns.
Reading from top to bottom we can see 3 rows.
We can count 5 cells

Row 1:
The first cell uses rowspan=3, so it has the height of all 3 rows.
The second cell is "normal".
The third cell is like the first.
We have all our our columns, so we can close the row.

Row 2:
The first column starts in row 1, so we don't need to add any code.
The second column has the first "new" cell" in the row, so we add the code: <td></td>.
The third column is like the first.
Since we don't have any more cells, we close the row: </tr>.

Row 3 is like row 2.

Left Top Right
Middle
Bottom






How would you build this table using nested tables?

If we use a nested table approach, we see a table that has 1 row with 3 cells. The second cell has a table with 3 rows of 1 cell each.




Table Course
Table Gallery Key Concepts and Table Tips
Understanding Gradangles
WebTV Viewer
Table Gallery
HTML Cookbook
Html.Help.Gnubee
Html Help Gnubee Chat