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 shown in this example.

Introduction to Tables

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.

Introduction to Tables

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 the “Templates” section of this chapter.

Introduction to Tables

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 of this chapter.

The HTML 4.0 Specification proposal discourages the use of ...

Get Web Design in a Nutshell now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.