Question: On page 121 in your textbook complete Hands-On Exercise #8, Practice with the Cascade, but skipping section 'd'.Create a web page and save it as

On page 121 in your textbook complete Hands-On Exercise #8, Practice with the Cascade, but skipping section 'd'.Create a web page and save it as advantage.html

The page should contain an unordered list with at least three advantages of using CSS

The text CSS Advantages should be contained within

tags

This page should contain a link to the W3C site

Write the HTML code so that one of the advantages is configured to be a class called news

Place an email link to yourself on the web page

The web page should be associated with an external style sheet called ex8.css

Create an external style sheet and save it as ex8.css and format it as follows:

Document background color of white

Document text color of #000099

Document font-family of Arial, Helvetica or sans-serif

Hyperlinks should have a background color of gray (#CCCCCC)

element should have Times New Roman font with black text color

The news class should use red italic text

Launch a browser and test your work. Modify the web page or the CSS file until it displays correctly.

Copy the advantage.html file and save it as advantage2.html

Modify advantage2.html by adding an inline style to the

tag making it have red text

See section 3.3 on pp. 87-88, Inline CSS with the Style Attribute for information regarding creating inline styles with the style tag.

See section 3.6 on pp. 100-102 Class, id, and Descendant Selectors for information regarding creating a class selector.

Use the W3Schools and HTML Dog sites listed in the Resources for reference and to assist you with creating the external and inline styles.

Make sure that you add your name and the exercise information in comments in the head of your both of your web documents.

Put the HTML files and the CSS file into a zip file.

When you have completed your assignment, save a copy for yourself and submit your zip file to your instructor using the Dropbox by the end of the workshop.

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!