Web Page Layout Using Tables Part 2

Here I will use a single table sectioned with rows and columns. This is probably the most common web page/website structure.

However a better structure, and the one I use is:

In the structure above a single empty cell is inserted so as the content block is seen by the search engines before the navigation block. To see how this works see how search engines see your web pages.

The HTML/xhtml for the above table is shown below:

The above is the typical html/xhtml you see on most websites. The thing to notice is the table control like width, border, height is all done using either table attributes or table cell attributes (green highlights).

This is ok if the table is only used once, however in this case the table will be used as the site template and all of the pages created will contain this table. So if we decide to change the table width or any other element then we will need to modify all of the web pages in the website.

A much better way is to use Cascading style sheets to control the table and the web page.

• Web Page Layout Using Tables
• Tables and Cascading Style Sheets
• Web Page Layout Using Tables and CSS
  Part 1
• Web Page Layout Using Tables and CSS
  Part 2