Instructions For Worksheet #7

Alice does an encore for Worksheet #7 — Page #34. I have modified the HTML code as follows:

• The two <div>s have been assigned classes: "style1" and "style2."
• The five <p>s have been assigned classes: "style1" through "style5."
• All quoted material has been assigned to the class "quote."
• There is at least one <em> in each of p.style1, p.style3 and p.style5.

Do This:

1. Put a border around each <div>. Make the borders differ in at least one respect.
2. In p.style1, color all quotes green. HINT: Remember that "quote" is a class. Give each <em> a background of #ffc8d0.
3. In p.style2, color all quotes purple.
4. In p.style3, give each <em> a light blue background.
5. In p.style5, color all quotes red. Give each <em> a background of #ffc8d0.
6. Do something about those unpleasant-looking heading things at the top of the page.
7. Save your work as "wksht07.html" or "wksht07.htm" — NOT as "pagec_34.html". Display and fix any coding errors. Use the Checklist.