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 HTML Basics Going Further with HTML Links and Paths Challenge

Jack Cummins
Jack Cummins
17,417 Points
Posted by Jack Cummins
Jack Cummins
17,417 Points

I have no idea how to do this. In the video they only talked about links

How would I set the <img> element's src attribute to a path that goes one level out of the current folder and inside a folder named img.

index.html 
<!DOCTYPE html> 
<html>
  <head>
    <title>Portfolio Page</title>
  </head>
  <body>
    <img src="logo.png" alt="Site logo">
    <ul>
      <li><a href="">Home</a></li>
      <li><a href="">Portfolio</a></li>                
    </ul>
    <h1 id="portfolio">My Portfolio</h1>
  </body>
</html>

2 Answers

Ivan Penchev
Ivan Penchev
13,833 Points
Ivan Penchev
Ivan Penchev
13,833 Points

Hi Jack,

You only need 2 dots to go up one level from the current folder.

Also, you need to keep the filename that was there so it can still find the image file.

So you would need another forward slash after img and then the filename that was there when you started.

This would create this

 <img src="../img/logo.png" alt="Site logo">

This is not related to HTML, but rather to the architecture of the computer, so its understandable that you are confused.