HTML How to Make a Website Creating HTML Content Structure the Image Gallery

Michelle Clark
Michelle Clark
1,032 Points

Using a relative path to insert an image into my site, I am not able to see the actual image. Help? Code is correct.

My code is correct (just as the instructor in the video typed it). However, I am not able to see the image on my site. Could it be that I am missing a certain type of program to display the image?

<li> <img src="image/numbers-01.jpg" alt=""> </li>

3 Answers

Jamie Reardon
Jamie Reardon
Front End Web Development Techdegree Student 9,218 Points

If you have the same copied code as the teacher does and that your folders and files structure is the same, then that means that your path to the image is incorrect. The teacher has made a folder named img not the word image itself.

<img src="img/numbers-01.jpg" alt="">

Make sure that the src attribute has the same correct path value as the folder that the images are in.

Michelle Clark
Michelle Clark
1,032 Points

I apologize...I should've cleared that up. I did not have the same 'exact' path as the teacher, as you are correct...he has 'img'. I actually had 'Images'. However, I've corrected the broken image issue. My fix was capitalizing my "I" in images. Apparently, it is case-sensitive. Great lesson to have learned.

Michelle Clark
Michelle Clark
1,032 Points

I've also added the "s" which was missing as well. But even after adding the "s" to images, the "I" had to be capitalized for the image to show on the site (which is how I typed it in the folder...Images

Jamie Reardon
Jamie Reardon
Front End Web Development Techdegree Student 9,218 Points

Yeah, you should be aware of the case-sensitive aspect of naming things. It would probably be better to just use lowercase for everything unless there is a specific reason otherwise.