Chapter 4, Problem 7HOE

a)

Program Plan Intro

Program Plan:

• Include the style tag using “<style>” for internal style.
  • Include the “footer” element. Inside the element,
    • Set the background color as light blue with “#ccccff” color code.
    • Set the font as “Arial” using “font-family” property.
    • Set the text color as “dark-blue” with “#000099” color code.
    • Make the 10 pixels of padding using “padding” property.
    • Make the dashed border in a dark-blue color with “border” property.

b)

Program Plan Intro

Program Plan:

• Include the style tag using “<style>” for internal style.
  • Set the id named “notice” with following style attributes.
    • Set the “width” property as “80%”.
    • Set the “margin-left” as “auto” and “margin-right” as “auto”

c)

Program Plan Intro

Program Plan:

• Include the style tag using “<style>” for internal style.
  • Set the class named “headline” with following style attributes.
    • Set the text color using “color” property with its code.
    • Set the dotted line border with border color using color code.

d)

Program Plan Intro

Program Plan:

• Include the style tag using “<style>” for internal style.
  • Set the heading tag “<h1>” with its properties.
    • Set the text shadow with its pixels.
    • Set the background color and set the transparency using the “opacity” property.
    • Set the font using “font-family” property with its font size.

e)

Program Plan Intro

Program Plan:

• Include the style tag using “<style>” for internal style.
  • Set the style for “feature” identifier is as follows:
    • Set the background color as “white” and text color as “red” with its color code.
    • Set the font size as “small” with its font family “Arial”.
    • Set the width as “80%” and set the text shadow.