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),
-- 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,