Answered step by step
Verified Expert Solution
Question
1 Approved Answer
Im having trouble linking my style sheet and my html doc. Please help Right-click and save the compressed folder named startfiles.zip attached to this assignment.
Im having trouble linking my style sheet and my html doc. Please help
Right-click and save the compressed folder named startfiles.zip attached to this assignment. Save in your module5 folder. See the instructions regarding compressed folders at the top of the Assignmen Modules page in Blackboard. 2. In Brackets, open the start_mod5_1.html file and use Save As to save the file as yourname mod5_1.html in the module5 folder. 3. Edit the comment and title to reflect the current information. 4. Immediately after the open body tag, add the code to insert the elephant. jpg image and add an id attribute and value. NOTE: For this exercise, do not use the figure and figcaption elements. 5. Create a new file and save it in your folder as yourname_styles5_1.css 6. Add a CSS comment with your name to the CSS file 7. In the HTML file, add the link element to connect it to your external CSS file. 8. In the CSS file, add a style rule to select the entire page, set the width to 70% and center the content (using margin-left and margin-right as we have for several assignments) add a style rule to select the elephant image (using the id) and float the image to the left a. b. 9. Save your files and view the HTML file in Live Preview. 10. In the CSS file, add a style rule to select all h2 elements and clear left floating a. 11. Save your files and view the HTML file in Live Preview. 12. In the HTML file, immediately after the h2 element, add the code to insert the guard.jpg image and add an id attribute and value. NOTE: For this exercise, do not use the figure and figcaption elements. 13. In the CSS file add a style rule to select the guard image (using the id) and float the image to the right a. 14. Save your files and view the HTML file in Live Preview. 15. Validate at http://validator.w3.org (or validator.w3.orgu) and http://jigsaw.w3.org/css-validator 16. Save your files one more timeStep 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