Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML Introduction to HTML and CSS (2016) HTML: The Structural Foundation of Web Pages and Applications Image Tags

Posted by sunnish reddy
sunnish reddy
405 Points

i tried linking one image but it is showing as broken whats the issue i downloaded image and linked in code

image is not showing on my trail its broken

Savannah Lynn
Savannah Lynn
13,662 Points
Savannah Lynn
Savannah Lynn
13,662 Points

Can you post your code please?

sunnish reddy
sunnish reddy
405 Points

<!DOCTYPE html>

<html lang="en"> <head> <title>Sunnish Reddy</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="styles.css"> </head> <body> <div class="main-nav"> <ul class="nav"> <li class="name">Sunny</li> <li><a href="#">Home</a></li> <li><a href="resume.html">Experience</a></li> <li><a href="#">Photos</a></li> <li><a href="#">Contact</a></li> <li><a href="#">resume</a></li> </ul> </div> <header> <img src="Photos/sunny.jpg" alt="sunny image"> </header>

</body>

</html>

3 Answers

Savannah Lynn
Savannah Lynn
13,662 Points
Savannah Lynn
Savannah Lynn
13,662 Points

You put in your code that your image is located in "Photos/sunny.jpg". Is your folder called "Photos" or "photos" or even "images"? The image source is case sensitive.

sunnish reddy
sunnish reddy
405 Points

i even changed to other path like <img src="Downloads/sunny.jpg" alt="sunnyimage" class="class-image"> even though im not getting the picture im getting only sunnyimage text

Savannah Lynn
Savannah Lynn
13,662 Points
Savannah Lynn
Savannah Lynn
13,662 Points

I wouldn't recommend putting your image in your downloads folder. Create an image folder within your project folder so that your image stays with your site files. The reason you are seeing "sunnyimage" is that is the alt or alternative text you have set in case your image doesn't load. There is more than likely a typo somewhere where your image source is typed incorrectly from its actual location.

Vince Mendella
Vince Mendella
6,480 Points
Vince Mendella
Vince Mendella
6,480 Points

Unless the Downloads folder is in your site structure it won't show up. You must point directly to the Downloads folder. site: Downloads (folder, should be named links, images or img) sunny.jpg (file inside of the Downloads folder) index.html css (folder) js (folder)