For a Full Tutorial on Tables, Click Here
The table tag can be used to your advantage when laying out the information on your website. Besides being somewhat ugly, tables can also be good for positioning things. Look at the table below:
|
Table of Contents
|
Body of Page
|
The untrained eye might not see that table for all it is worth, but the HTML expert will immediately notice that that very table can be used to position all the content on his web page.
By placing the opening table tag right after the opening body tag, and by then putting the closing table tag before the end body tag, the entire page will be in a table.
Many different types of tables can be used to build a good layout. Check out these examples below, which you can cut and paste to use on your own site. (In order to get the HTML code I used to write make those tables, simply go to VIEW-->SOURCE and, well, view the source. The code for the tables can be found after the big, white space and the comment.)
|
Logo
|
Long Logo
|
|
Contents
|
Body
|
|
Contents
|
Logo
|
Body
|
|
Bottom Stuff
|
| Site Map
|
| HTML
|
HTML Guide Home
| Page 1
| Page 2
| Page 3
| Page 4
| Page 5
| Page 6
|
ADD'L SITE HELP
| Master Tag list
| Questions? Comments?
|
| Resources
| Tips and tricks
| Friends of The Slacker's Guide
|
| Promote Your Web Site
| Gif or JPEG?
| Page Layout W/ Tables
|
| How Cool Are You?
|
| Are You Cool Enough To Link To The Slacker's Guide?
|
| Cascading Style Sheets
|
Slacker's Guide to StyleSheets
| Selectors
| Properties in CSS
| Values
|
Free Quality Software
| Free Web Tools & Downloads
|
Browser Resource
| Free Browser Downloads and More
|
Contact
| Email the webmaster |