Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML HTML Basics Going Further with HTML Links and Paths Challenge

Fidelis Chime
Fidelis Chime
3,925 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
45,706 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.