Image links not working


#1

Doing a project for my coding class, and cannot seem to get the images to work when I view the code as a webpage. Any suggestions?

<!doctype html>

Black Goose Bakery @import url(bakery-rwd.css);

Black Goose Bakery

The delicious baked goods you love at Black Goose Bistro...now available to go!

<main>
  <h2>Fresh from the Oven</h2>
  <h3>Breads</h3>
  <p><img src="images/bread.png" alt="round loaf of bread on cutting board"> Our breads are made daily from highest-quality<span class="linelength"> whole grain flour, water, </span>salt, and yeast or sourdough starter. Simply and naturally, and
    never any preservatives. Patience is key to achieving the proper level of fermentation and baking each loaf to perfection. Available in whole grain, sourdough, olive loaf, classic rye, and potato-onion.</p>
  <p class="more"><a href="">Learn more about our baking process...</a></p>

  <h3>Muffins</h3>
  <p><img src="images/muffin.png" alt="one chocolate chip muffin"> Every day, we have offer a large selection of muffins, including blueberry, multi-berry, bran, corn, lemon-poppyseed, and chocolate. Our muffins are made from scratch each day.
    Stop by to see our seasonal muffin flavors!</p>
  <p class="more"><a href="">Learn more about how we make our muffins...</a></p>
</main>

<aside>
  <h2>Hours</h2>
  <p><span class="day">Monday:</span> 5am to 3pm</p>
  <p><span class="day">Tuesday:</span> 5am to 3pm</p>
  <p><span class="day">Wednesday:</span> 5am to 3pm</p>
  <p><span class="day">Thursday:</span> 5am to 3pm</p>
  <p><span class="day">Friday:</span> 5am to 3pm</p>
  <p><span class="day">Saturday:</span> 6am to 4pm</p>
  <p><span class="day">Sunday:</span> 6am to 4pm</p>
</aside>

<footer>
  <p>All content copyright &copy; 2017, Black Goose Bistro.</p>
  <div id="award">
    <img src="images/award.png" alt="Farmers' Market Award">
  </div>
</footer>

#2

It has to do with how you implemented your folders, at least that seems to be the most obvious reason.

Say that you have a folder “BlackGooseBakery” that gathers all files and subfolders.

You’ll then have this page as index.html within BlackGooseBakery.

Within the folder BlackGooseBakery, you’ll have a folder images.

The relative path you’re using should then find the images within the images folder.


#3

Hello, I ran this code and it worked just fine.

<h3>Muffins</h3>
  <p> <img src="https://www.shelovesbiscotti.com/wp-content/uploads/2018/05/chocolate-chip-muffins-2.jpg" alt="one chocolate chip muffin"> Every day, we have offer a large selection of muffins, including blueberry, multi-berry, bran, corn, lemon-poppyseed, and chocolate. Our muffins are made from scratch each day.
    Stop by to see our seasonal muffin flavors!</p>

It seems that something is wrong with the image itself, or as @ghostlovescore is saying something wrong with how you have linked or implemented the folders.