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
|