Using Social Media and JavaScript
Instructions: In this exercise, you will use your text editor to add social media icons to a webpage.
You will also add a pop-up message to the webpage. First, you add Facebook and Twitter icons
and include a link to each social media website. Next, use JavaScript to create a pop-up message
using the alert() method. Work with the apply10.html file in the apply folder and images files in
the apply\images folder from the Data Files for Students. The completed webpage is shown in
Figure: 10–53. You will also use professional web development practices to indent, space, comment,
and validate your code.

Perform the following tasks:
1. Open apply10.html in your text editor, review the page, add a title, modify the comment at the
     top of the page to include your name and today’s date.
2. Update the CSS link within the head element to use the CSS file located within the apply\css folder.
3. Insert a paragraph element within the footer element that includes the text, Connect with us at:.
4. Insert an img element to display the Facebook icon contained within the apply\images folder. Include appropriate alt text.
5. 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.

7. Insert an anchor element to link the Twitter icon to twitter.com.
8. Insert a script element within the head element.
9. Insert a JavaScript comment within the script element that includes the text, Function displays alert box.
10. Insert the following JavaScript code below the comment:
setTimeout (function message() {
alert("Use JavaScript to create pop-up messages to capture the
user’s attention.")
}, 3000);
11. Save all of your changes and open the apply10.html in your browser.
12. Validate your HTML document using the W3C validator found at validator.w3.org and fix any errors that are identified.
13. Submit the files in a format specified by your instructor.
14. In this exercise, you created absolute links to facebook.com and twitter.com. Explain how to update these links so that when selected, they open in

      a new tab rather than the current window.