Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

1.Update the CSS link within the head element to use the CSS file located within the applycss folder. 2. Insert a paragraph element within the

1.Update the CSS link within the head element to use the CSS file located within the apply\css folder.

2. Insert a paragraph element within the footer element that includes the text, Connect with us at:

3. Insert an img element to display the Facebook icon contained within the apply\images folder. Include appropriate alt text.

4. Insert an anchor element to link the Facebook icon to facebook.com. 6. Insert an img element to display the Twitter icon contained within the apply\images folder. Include appropriate alt text.

5. Insert an anchor element to link the Twitter icon to twitter.com.

6. Insert a script element within the head element.

7. Insert a JavaScript comment within the script element that includes the text, Function displays alert box.

8. Insert the following JavaScript code below the comment: set Timeout (function message() { alert("Use JavaScript to create pop-up messages to capture the users attention.") }, 3000);

9. Save all of your changes and open the apply10.html in your browser.

10. Validate your HTML document using the W3C validator found at validator.w3.org and fix any errors that are identified.

The code is below

/* Style sheet created by: Student's First Name Student's Last Name, Today's Date */

/* Style for body specifies a background color */ body { background-color: #F0D8D1; }

/* Style to create a fluid image */ img { max-width: 100% }

/* Styles for Mobile Layout */

/* Style for the container centers the page and specifies the width */ #container { width: 100%; margin-left: auto; margin-right: auto; }

/* Style for the header specifies top margin, background color, rounded corners, and center align content */ header { margin-top: 0.2em; text-align: center; font-size: 2em; font-weight: bold; }

/* Style for the main specifies a block display, text properties, margins, padding, rounded corners, and borders */ main { display: block; font-family: Verdana, Arial, sans-serif; font-size: 1em; margin-top: 0.5em; padding: 1em; border-radius: 1em; background-color: #FFFFFF; border: double 0.2em #7A6D68; }

/* Style for the footer specifies font size, text alignment, and top margin */ footer { font-size: .90em; text-align: center; margin-top: 2em; }

Thank you for your help!

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image_2

Step: 3

blur-text-image_3

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

Machine Learning And Knowledge Discovery In Databases European Conference Ecml Pkdd 2015 Porto Portugal September 7 11 2015 Proceedings Part 1 Lnai 9284

Authors: Annalisa Appice ,Pedro Pereira Rodrigues ,Vitor Santos Costa ,Carlos Soares ,Joao Gama ,Alipio Jorge

1st Edition

3319235273, 978-3319235271

More Books

Students also viewed these Databases questions