HTML Table Layout

2 Tables, Left Menu

Tables are often used for Web page layout. You can use Tables arrange data, text, preformatted text, images, links, forms, form fields and other tables. But, be careful when you use tables with preformatted text (<PRE> Tag), you may force users to scroll horizontally. Which is bad!

In this Web page layout example two Tables are used. 1) The first Table is used for content. 2) The second Table is used for the menu. If you use this table layout, search engines will index your text first. This will help your search engine rankings, since more of your content will be indexed by the search engine, instead of your left-hand links.

Each Table starts with a <TABLE> Tag. This is the main container for all the other Table Tags, which will be ignored if they aren't inside a TABLE tag. Each Table Row starts with a <TR> Tag. Each Table Data Cell starts with a <TD> Tag.

Each Table ends with a </TABLE> Tag. Each Table Row ends with a </TR> Tag. Each Table Data Cell ends with a </TD> Tag.

Always test your pages and ensure they validate, like this page!