bbb Home
Table Attributes Contents        

ADDITIONAL TABLE ATTRIBUTES

ATTRIBUTE DESCRIPTION AND EXAMPLE VALUES
cellpadding Sets spacing around contents in cell
cellspacing Sets spacing between cells
colspan Makes a cell span more than one column
rowspan Makes a cell span more than one row

EXAMPLE

Font: 8pt   12pt   20pt   24pt   Width: Min. 50%   75%   100%   

PRACTICE

1. Experiment with the example above:

  1. Change the cellspacing and cellpadding values and observe .
  2. Add another column and make the first row span all three columns.
  3. Set the height of the table to 100%.
  4. Set the height of the first row to 60px.
  5. Vertically align all rows so that the contents are at the top.
  6. Set the width of the first column to 30px.
  7. Set the width of the third column to 50px .

2. Create a table that meets the following requirements:

  1. It has 3 rows and 3 columns.
  2. It spans the entire page.
  3. The first column has only one cell that spans all three rows.
  4. The cellspacing is set to 0 and the cellpadding is set to 3.
  5. All cells are vertically aligned to the top.

3. Using tables create a page that meets the following requirements:

  1. It has a table of contents down the left side.
  2. It has 3 "buttons" across the top to provide links within the page.  Each button should take up 1/3 of the main portion of the window.
  3. The page should look as shown.
Exercise 3 page

SELF-QUIZ