Web Design
Lab 3
Create a new html document and save it as my_home_page.html in your H drive.
Use the h1 tag to write your name and use a different heading tag (h2-h6) to write your
section number on your webpage.
Above your name and section number, place an image of yourself.
Open each of the two web pages that you created in lab 2 in Notepad. Re-save them with the
file names lab3a.html and lab3b.html in your H drive.
From my_home_page.html, link to each of the two re-saved web pages (lab3a.html and
lab3b.html).
Add the following elements to lab3a.html and lab3b.html using internal cascading style
sheets.
oUse an image as the background for one of your pages. Change the background color of
your second page to a color other than white.
oEach page must have a different color scheme compared to the other page. The color
schemes must be different than the default (black text on white background) color
scheme of a web page and must be legible. For each page:
modify at least 3 style properties of the paragraph tag
modify at least 1 style properties of the h1 tag
modify the appearance of hyperlinks in each of their states (i.e. modify style
properties of a:link, a:visited, and a:hover)
oThree images from the web on any of the two pages.
oUse an image as a link on any of the two pages.
Transfer the completed versions of your files to your allmy101 folder in your H drive.
NOTE: Your code will not look exactly like anyone else’s code; we do not think alike. Do not
give a copy of your code to anyone. Every one’s code will be different. Do not let anyone use
your flash drive and do not put your files on anyone else’s flash drive. The code that you turn in
is to be your own code.