Web Design in a Nutshell, 2nd Edition

Introduction to Tables

Although there are no true classifications, tables can be used in the following general ways:

Table usage	Illustration
Data Table This is a table at its most basic (and as the creators of HTML intended)—rows and columns of textual data. Of course, data tables can be much larger and more complex than the one shown in this example.
Text Alignment Tables are often used to clean up the display of text by creating effects common to print, such as columns, hanging indents, and extra white space. They are also useful for lining up text and input elements in forms.
Page Template Many web designers use a large table as a container to give structure to a page. One common configuration is to create narrow columns for navigational items, as shown in this example. A template for a two-column table follows in Section 13.7 in this chapter.
Multipart Image Container Tables can be used to hold together a large graphic that has been divided into separate sections to accommodate animations, rollovers, etc. In the example at right, the border was turned on to reveal the individual sections. Holding images together with tables is discussed at the end ...