Problem 1 (30%)

Write the HTML to create an image hyperlink.

• The image is called myfamily.jpg. (5%)
• It is 200 pixels high by 300 pixels wide. (10%)
• The image should link to a web page called family.html. (10%)
• There should be no border on the image. (5%)

Problem 2 (30%)

• Create a file called hw42.html
• Use an embedded style to define h1, h2, and h3
• For h1 (10%):
  • use a border of size 3px, solid, color FF9900. Simple text for h1 is

    Here is an h1 heading

  • h1 should have padding of 5px;
• For h2 (10%):
  • use a border of size 5px, dotted and color #0033FF. Simple text for h2 is

    Here is an h2 heading

  • h2 should have padding of padding-top of 10px and padding-left of 5px
• For h3 (10%):
  • use a border of size 8px, dashed and color #00FFFF. Simple text for h3 is Here is an h3 heading
  • h3 should have padding of 5px for top/bottom and 20px for left/right;
• Save your file, load your file in a web browser, and paste the page display result here.
• Please also submit your code to BB

Problem 3 (10%)

• Save your hw42.html as hw43.html;
• Add a background image that you like to this page file so that it covers all the page background;
• Save your file, load your file in a web browser, and paste the page display result here.
• Please also submit your code to BB

Problem 4 (30%)

• Add nku_logo1.gif image in a web page so that:
  • When the visitor clicks the upper half of this image, the visitor will be directed to the NKU homepage (15%);
  • When the visitor clicks the lower half of this image, the visitor will be directed to your own homepage (15%);
• Save your file as hw44.html, load your file in a web browser, and paste the page display result here.

Please submit your code to BB