radio	checkbox	menu
textbox	password box	text area
hidden field	submit	reset
ok	cancel	send

1. The user should select the county in which they reside. There are about 95 counties in Tennessee, but you do not want the user to be able to enter an incorrect county.
2. The user should enter their zip-code.
3. The user should select a private keyword that they can use to log back into the site and edit their information
4. The user is asked to select any of the following options that apply: wears corrective lenses, has disabilities that could affect their driving, is over the age of 65, had a traffic ticket in the past year, had an accident in the past year, drives a car built before 1960.
5. The user should have an area where they are asked to enter any additional information that they think would be useful for the case officer to know when weighing whether to renew the person's license, such as the nature of any disabilities, or the circumstances surrounding an accident or traffic ticket.
6. The person enters their eye color as one of blue, green, brown, or hazel.
7. The person enters their height in feet (4-7) and inches (1-12). If using more than one form element, then choose the same form element for both feet and inches.

1. The table headers (I-VII) should be bold-faced.
2. The atomic elements should be left-aligned and vertically centered
3. The table title (Periodic Table of Elements) should be vertically top-aligned.
4. The H (hydrogen) element should be colored light green and the VII column should be colored gold
5. The cells should have a cellpadding of 10.

Your html table must not use a stylesheet.

1. The headings (I-VII) are colored red.
2. The table title (Periodic table of elements) is colored green, bold-faced, is vertically aligned with the top of the table, and starts 20 pixels from the top of the table (hint: you do not need absolute positioning to get this 20 pixels of separation).
3. The table elements should have a width of 100 pixels, a height of 60 pixels, and the labels should be both horizontally and vertically centered (note that the table headers retain their previous size).
4. The elements in the first column should be light green, the elements in the second column should be cyan, and the elements in the last column should be gold.
5. In the first row, the right border of the left empty cell should be removed and the left border of the right empty cell should be removed.

1. There must be a border around the legend with the label "Legend" inset in the border.
2. The "Legend" label should have a padding of 5 pixels around it. It should appear near the left of the legend block (30 pixels if using a style sheet) and should be roughly centered in the boundary.
3. The columns of color chips should be left aligned.
4. The color chips should be 60 pixels wide and 20 pixels high
5. The 4 columns should be equal sized, but it is up to you to come up with a way to make them equally sized.
6. Don't worry about resizing the browser--just make the layout be a 2x4 layout for a sufficiently wide browser.
7. The labels do not have to be vertically centered with respect to the color chips--it is okay if they are top aligned or bottom aligned.
8. There should be a few pixels of separation between the color chips and the labels.
9. The color chips should use the following colors:
   • non-metals LightGreen
   • transition DarkTurquoise
   • rare-earth LightBlue
   • halogens yellow
   • alkali orange
   • alkali-earth aqua
   • other MediumPurple
   • inert DarkRed

• The label is horizontally and vertically centered in a block that is 60 pixels in both width and height.
• The periodic number in the upper right hand corner is offset 5 pixels from the top and 5 pixels from the right of the box.
• There is a black border around the box.
• The font for both labels should be Helvetica with SansSerif as a fall back.
• The font size for the periodic number should be x-small.
• Don't worry about the position of the box on the page
• You may not use a table to implement the solution. You will probably be forced to use one or more div elements.

• The default font for the entire document is Times New Roman with backups of Times and serif. The default font-size should be small.
• There are 5 blocks--a title block, an author block, an abstract block, and two columns.
• The title block has the following characteristics
  • It is fixed so that as the page scrolls, the title block stays attached to the top of the browser window.
  • The background color is yellow
  • The font is bold-faced and the font size is large.
  • The height of the block is 20 pixels and it uses a padding of 20 pixels
  • The title is centered in the middle of the document
• The author block has the following characteristics:
  • It is 90 pixels from the top of the page
  • It uses a medium font size and the font is italicized
  • Its text is horizontally centered on the page
• The abstract block has the following characteristics
  • It is 40 pixels from the bottom of the author block
  • It is horizontally centered in the middle of the page
  • It is 50% of the width of the browser window
  • The text itself is center-aligned, italicized, and colored blue. The text has the default font size.
• The two columns each occupy 45% of the width of the browser. The left column should have a margin of 20 pixels with the left side of the browser and the right column should have a margin of 20 pixels with the right side of the browser. The two columns should appear 30 pixels under the abstract.

Here is a sample html file to work with.

the quick brown fox jumped
over the fence
and then the fox eluded the fox
pursuing dogs.

the quick brown fox jumped
and then the fox eluded the fox