open your text editor and then open the analyze03.html file in the chapter03\analyze folder in the Data Files. The page includes content within the main element; however, the content is not wrapped within appropriate elements. The page includes an image but the element is incorrect and is missing several attributes. The page is missing links. An example of the corrected page is shown in

1. 1. Correct

   1. Open the analyze03.html file in your text editor and review the page.

   2. Update the comment with your name, the file name, and todays date.

   3. Update the title element with the following text: Chapter 3 Analyze

   4. Wrap the text content, Web Design Resources, within a heading 2 element.

   5. Insert a blank line after the heading 2 element.

   6. Wrap the remaining text content within an unordered list with seven list items.

   7. In the code, insert a blank line after the unordered list.

   8. Correct the image element with the correct value for the source attribute. Add the missing alt, height, and width attributes to the image element. Use hand writing HTML 5 for the value of the alt attribute.

   9. Indent all nested elements.

2. 2. Improve

   1. In the main element, nest all content within a div element that has an id attribute value of resources. Insert a blank line after the starting div tag and above the closing div tag. Indent all nested elements.

   2. Link the text, W3C, to https://www.w3.org/.

   3. Link the text, W3 Schools, to https://www.w3schools.com/.

   4. Link the text, HTML, to https://www.html.com/.

   5. Link the text, Smashing Magazine, to https://www.smashingmagazine.com/.

   6. Link the text, Image Compressor, to an online image compressor of your choice.

   7. Link the text, HTML Validator, to W3Cs HTML validator.

   8. Link the text, Emmet, to https://emmet.io/.

   9. Update all links to open each website in a new tab.

   10. Add your name to the first paragraph element within the footer element.

   11. Test all links to confirm they work and that they open in a new tab. Validate the page and correct any errors.

   12. Submit the assignment in the format specified by your instructor.

   13. One of the resources listed on the webpage is Emmet. Visit this resource and watch the demo. Provide a brief overview of Emmet.

Working with Links and Images

Web Design Resources W3C W3 Schools HTML Smashing Magazine Image Compressor HTML Validator Emmet

Student Name:

© Copyright 2021. All Rights Reserved.

WLH 5 WLH 5