CST 161 -- exam #1

Using only text, HTML tags, and Javascript, create a web page
that conforms to the instructions and specifications given below.
Upload it to your folder as a text file named test1yourname.html"
(where "yourname" is YOUR last name, all in lower case).
As a "takehome" exam, revise and improve this web page,
and upload it as a text file named test2yourname.html", before the next class (3/21),

INSTRUCTIONS

-- DO not use any color names (such as "RED" or "BLUE") in your HTML or Javascript.
Instead, describe any colors using hexidecimal srings involving only prime number digits (2, 3, 5, 7) and the letters "B" and "D". -- +++

SPECIFICATIONS

-- At the top of the browser window, display your full name (First and Last),
followed by "CST161 test #1 (for the in-class test, and "test #2" for the takehome).

--  At the top left, display the date and time when the page is being viewed
on the client's browser.  (To do this, you will need to use some Javascript.) 

--  In the upper-right corner of your web page, display your name in ORANGE, italic 
text, of slightly-larger than normal size.
--  Underneath your name, display the text "CST161" in GREEN text (with no italics),
using the smallest text size possible.
-- NOTE: (If you really want to, you may reverse the above two colors!)

--  On the left side of the page, display any image,
with a width of 100 and a height of 80 pixels, and no border.  Call it image "P1".
--  On the left of the page, display another image,
with a width of 150 and a height of 120 pixels, and no border.  Call it image "P2".
--  When the mouse passes over either of these images (P1 or P2), 
make it change to a different image
-- but make it change back to the original image, 
when the mouse is no longer over the image.
(You'll need javascript event-handlers for onMouseOver= and onMouseOut= to do this).


--  In the center of the page (between these two images), display the text "Test #1"
(or "Test #2" for the takehome version),  using the largest-possible font size.
--  Underneath this text, display your name in red, "sans-serif" type of normal size.
-- Then, draw two horizontal lines across the page (using HTML tags, not text dashes).
-------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------

-- Next, make a numbered list (1,2,3,...) of six tags used for physical markup of text.
For each tag, explain what it does (but do NOT display the effect).

-- Make a list of three "logical" markup tags, using SQUARE bullets for each item.

-- In a list with LARGE Roman Numerals, list at least five types of "INPUT" tag.

-- Draw another horizontal line across the page.
-------------------------------------------------------------------------------------------

-- Now, create a centered, 3-by-3 table, with numbers 1 thru 9 in the cells.  
Make the background color of each cell a different shade of light green, 
and the numbers in each cell a different shade of dark red.
-- This table should have a thick border around it, and the numbers in the cells
should have plenty of space around them 9at least 10 pixels in each direction.



occupying about one-third of the screen,