Table Samples

Observe the following table
This is a 4x3 Matrix (for you Algebra students)

row 1 cell 1 row 1 cell 2 row 1 cell 3
row 2 cell 1 row 2 cell 2 row 2 cell 3
row 3 cell 1 row 3 cell 2 row 3 cell 3
row 4 cell 1 row 4 cell 2 row 4 cell 3


What can go in a table? Observe the sample table below:

You can simply place text in a cell.
A cell can even contain another table! Sort of a table within a table...
Althought it isn't used that often. At least now you know it works.
This is the third cell of the table.
This is the first cell of the second row! Tables can contain graphics. You will learn about images soon! Refer to the next cell for a picture of Mr. Yohe's oldest son when he was 6 months old.
This is the third row first cell. A cell can contain a link to a URL: Penn State A cell can contain a list:
  1. Item #1
  2. Item #2
  3. Item #3
What do you think determines the height of table cells (in a row)

Must tables always have an equal number of cells? Observe below:

row 1 cell 1 row 1 cell 2
row 2 cell 1 row 2 cell 2 row 2 cell 3 row 2 cell 4


Tables can also contain headings and captions. Observe the centered table below (refer to the source code for the HTML)

Fig.1: Class Survey
Are you? YES NO
Happy 65% 35%
Loving Web Design 99% 1%
Table crazy 50% 50%


Note--A caption container can be placed anywhere in the table, as long as it isn't enclosed within the 'tr' tag. Only use one caption per table!