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

Posted by Makimi Meyer
Makimi Meyer
17,421 Points

About <id>

I can't figure out what... where... how... I should answer the question.

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.

I think I should use <id> around <img src="logo.png" alt="Site logo">, but I can't think about that.

Could you help me?

Thanks,

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>

3 Answers

Conrad Cortes
Conrad Cortes
8,418 Points
Conrad Cortes
Conrad Cortes
8,418 Points

So its telling you to go out of the current folder that the html file is in and go into another folder that the image is actually in. 

../

This will tell the computer to go up a current folder and into another one. Putting it all together should look like this.

<img src="../img/logo.png" alt="Site logo">
Makimi Meyer
Makimi Meyer
17,421 Points
Makimi Meyer
Makimi Meyer
17,421 Points

Thank you for answer me. I haven't understood about "current folder" meaning. Is that like going to top of home page?

Thanks,

Conrad Cortes
Conrad Cortes
8,418 Points
Conrad Cortes
Conrad Cortes
8,418 Points

The best way to understand it is to make yourself an html file and save it in a folder called project or whatever you want. Then inside make two folders. One named html and another named images. Inside the html folder start a new html document and and an image to that page. Store the actual copy of the image inside the images folder that you created. Now inside the html document experiment on how to get that image to actually show up when you display the html page. After you figure it out, then place the image inside the same folder as the html document and see how you would get it to show up.

Makimi Meyer
Makimi Meyer
17,421 Points
Makimi Meyer
Makimi Meyer
17,421 Points

I understand.

Thank you.