Equipment Inventory

Download this project with source code samples

Objectives

At the end of this lesson, you will be able to:

  • Create nested tables
  • Apply CSS styles to specific parts of a table or body.

Instructions

1. Create an XHTML web page that looks like this:

Screenshot

Rubric

Component Possible Points Score
The heading and table are both centered 2
The body uses a gradient background image 2
The web page uses a sans serif font such as Arial, Verdana, or Tahoma 2
The first row has the following styles:
* The font is bold, centered, and larger than the rest of the text* There is a background image
* The top row is tall enough to display the entire background image
3
The second row has the following styles:
* Text is bold and centered within each column
* The background color is yellow
2
Nested tables are used properly to display the manufacturer and model in the same column 2
All content is complete 2
Hyperlinks go to the manufacturers’ websites 3
The last row in the table has the following properties:
* The text is centered and italic
* The row is slightly taller than what is needed to display the text
2
The project was submitted on time (20% off for each day late)
Total Score 20

Download this project with source code samples