Question
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
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started