Lesson 17

Reading Tables with Colspan


We've been learning how to write tables. Now let's learn how to read tables. These table-reading exercies will show you how to analyse any table that you may see, but it will also improve your ability to translate a layout that you have in mind into table code.

We "read" a table like we read a book, from left to right, top to bottom. Start with the upper left corner where the table begins with the first cell in the first row. Look for each cell as you go from left to right, then move down to the next row. Repeat until you get to the end of the table. You should be able to "see" the columns and rows, even when colspan or rowspan are used. Ready? Here we go.

Look at the table below. It uses colspan.

How many columns do you see?
How many rows do you see?
How many cells do you see?
How would you build this table using colspan?
How would you build this table using nested tables?

Top
Left Middle Right
Bottom

Homework Assignment

  • Duplicate the table structure above using colspan
  • Dress it up any way you like
  • Post your table
  • Show your work





Solutions

Lesson 18 will cover gradcolor pairs in the same row



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