Lesson 5

Chapter 7: Using Tables

  1. Chapter Introduction
  2. Basic Table Facts
  3. Basic Table Tags
  4. Simple Magazine-style Tables
  5. Cell Alignment
  6. Cellpadding
  7. Cellspacing
  8. Left Border Table
  9. Left Border Table with Button Navigation
  10. Adding a Background Color or Image
  11. A Four-column Table
  12. Spanning Columns and Rows
  13. Spanning Multiple Rows and Columns
  14. Using Tables to Add Text to Blank Banners
  15. Using Tables to Add Text to Blank Buttons
  16. Using Mighty Mouseover Buttons Horizontally
  17. Using Tables to Create Picture Frames
  18. Border Colors
  19. Using Table Headers
  20. Considerations
  21. Online References
    1. Tables Overview:
      http://www.boogiejack.com/tables_tutorial.html
    2. Table Tags Reference Chart:
      http://www.boogiejack.com/table_tags.html
    3. Add Text to Blank Banners:
      http://www.boogiejack.com/text_to_banners.html
    4. Mighty Mouseover Buttons:
      http://www.boogiejack.com/mouseover_buttons.html
    5. How fancy can a table be?:
      http://www.boogiejack.com/ascii_chart.html
    6. Picture frames tutorials:
      http://www.boogiejack.com/picture_frames.html
      http://www.boogiejack.com/picture_frames2.html
    7. Blank banners, buttons, and other graphics:
      http://www.boogiejack.com/free_graphics.html

Chapter 7 Quiz

  1. Tables are a grid consisting of vertical ________ and horizontal ________.
  2. Each block of a table that holds content is called a ________.
  3. True or False: A font color coded outside a table will not affect the text inside the table.
  4. You have a two-column table and want the content in each column to start at the top of the columns. What is the attribute and value you would add to each table data tag to accomplish this?
  5. What attribute and value would you add to a table tag to create a cushion of 12 pixels within each table cell?
  6. What attribute and value would you add to a table tag to create a cushion of 20 pixels between each table cell?
  7. You have a left border background coded into a page with a two-column table. The left cell of the table is used just to keep the page's content off the border. What tag would you use to hold that cell open?
  8. You want to make a table with two cells in one row, and you want the first cell to have a background color of #FF1234. In the second cell, you want to use a background image. The image is located in a folder called “images” in the root directory and the background is “tableback.jpg.” Write the code for that table with no other attributes. Indicate where the content goes with the word “Content.”
  9. What attribute and value do you add to a table data cell to cause the cell to span two rows?
  10. When using tables to create link buttons, what kind of code is placed in the <HEAD> section of an HTML page to create the hover color change?
  11. What is the most common screen resolution (at the time of this writing)?
  12. What's the difference between a teacher and an engineer?

email your answers to: martin@msteinbeck.net

Chapter 7 Assignment

  1. Complete Chapter 7 Exercise Option 1 - page 138
  2. Complete Chapter 7 Exercise 2 - page 139
    1. Upload your file(s) to your Tripod account.
    2. Email the URL of this file to: martin@msteinbeck.net

Back Up Next


Last Update: 01/24/2007
Web Author: Martin D. Steinbeck, M.Ed., MT(ASCP)
Copyright ©2007 by Martin D. Steinbeck, MT(ASCP) - ALL RIGHTS RESERVED

 The World's No. 1 Web Host