Pet Bakery - Adding Links and Images

Description 📄

In this lab, you will enhance your pet bakery webpage by adding links and images. This will help you understand how to use attributes in HTML.

All images have been provided for you in the assets/images folder.

---

Acceptance Criteria 📋

1. Link Insertion: Add a hyperlink to the pet bakery's website.
2. Image Insertion: Add images for each product using the <img> tag.
3. Alt Attribute Usage: Use the alt attribute for each image.

---

ToDo list ✅

Attention: When you complete a task, put an x in the middle of the brackets to mark it off your ToDo list.

1. Add a link to the pet bakery's website with the text: Visit our Website.
2. From the images folder in the assets directory, add an image for Dog Biscuits with a placeholder URL and the alt attribute as Dog Biscuits or a better description. Set the href attribute to # which indicates that the link is a placeholder.
3. Add another image from the images folder for Cat Treats with a placeholder URL and the alt attribute as Cat Treats or a better description.
4. Add another image from the images folder for Bird Seed Bars with a placeholder URL and the alt attribute as Bird Seed Bars or a better description.
5. The images are currently a bit too large. Add the width attribute and set it to 300px: width="300px".

🎊 Fantastic work! You just enhanced your HTML coding skills. 🎊

---

Solution codebase 👀

🛑 Only use this as a reference 🛑

💾 Not something to copy and paste 💾

Note: This lab references a solution file located here (link not shown).