Assignment Instructions
-
Create a table that displays the names of the
17 predefined colors,
and then the red, green and blue hexadecimal codes for each color,
so you should have a table of 19 rows and 4 columns.
-
You should begin your assignment from the two file templates:
assignment.htm
and assignment.css
-
Fro the first row, add a title (such as "Hexadecimal Color Codes") as the first row of the table by using the
following HTML attribute:
colspan
-
For the second row, you should have the following titles:
"Color Name", "Red Hex Code", "Green Hex Code", and "Blue Hex Code".
("Hex" is short for "hexadecimal number".)
-
The next 17 rows should have the colors names and the corresponding
hexadecimal number codes, broken down into the red, green, and blue
parts, which are two-digit hexadecimal numbers.
-
For example, the first few rows might look like this:
Hexadecimal Color Codes
Color Name Red Hex Code Green Hex Code Blue Hex Code
maroon 80 00 00
red ff 00 00
orange ff a5 00
yellow ff ff 00
olive 80 80 00
-
Format the borders of the table (
<table>
)and cells (<td>
) by using the
following CSS property: border
-
Center the table by using the following CSS property:
margin
-
Format the padding and border spacing by using the following CSS
properties:
padding & border-spacing
-
Do NOT copy and paste my web page examples, otherwise you will earn 0 (zero) points for your assignment grade.
-
I created examples to help you understand the concepts.
-
If you simply copy and paste and make a few changes, you will not learn the concepts.
-
Keep the content of your web page legal and non-offensive.
-
Use SHH or Fugu to publish assignment19.htm and assignment19.css on your UH UNIX account in the dmed120 folder.
-
If you are useing a PC, follow the SHH Instructions
-
If you are useing a Mac, follow the Fugu Instructions
-
View your web page at the URL http://www2.hawaii.edu/~username/dmed120/assignment19.htm (where username is your UH UNIX username).
-
Click on the validator icons at the bottom of your webpage.
-
If the color is green, you are done.
-
If the color is red, you have trouble-shooting to do on your webpage.
-
See the syllabus for the submission guidelines
and the grading guidelines.
Click to validate the HTML code
Click to validate the CSS code