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

Fidelis Chime
Fidelis Chime
6,077 Points

Link

Set the <img> element's src attribute to a path that goes one level out of the current folder and inside a folder named

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

Heya Fidelis Chime! Learning to work with relative file paths can be really tricky at first, because it uses syntax that is usually pretty unfamiliar or uncommon in your day-to-day computer use!

As Rick Gleitz has mentioned, you might want to step back a few videos and watch the first video of this stage. It will help get you a bit more familiar with the approaches we use in HTML. As a quick reminder, to link to a target file in the directory above the current reference point (the invoking HTML file), you can prefix two dots to the file path. For instance, if we were to begin a file path with ../ then we would be looking inside the immediate parent directory.

Either way - the best way to get familiar with this process is just to practice, experiment, and see what works. Hope this helps!

Rick Gleitz
Rick Gleitz
47,197 Points

Hi Fidelis,

I recommend rewatching the first video of this stage. Keep in mind that paths work the same for <img> tags as they do for <a> tags. Hope this helps.