HTML HTML Basics Going Further with HTML Links and Paths Challenge

Abz Man
Abz Man
1,351 Points

Can someone translate this question and show me how to do it?

HELP!

index.html
<!DOCTYPE html> 
<html>
  <head>
    <title>Portfolio Page</title>
  </head>
  <body>
    <img src="/.img.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>
james holzgang
james holzgang
4,909 Points

Hello,

So, it wants you to find the image named logo.png which is one level up from your current index.html file in a folder called 'img'. So if they were at the same level you would simply do img/logo.png BUT since it's a level up you need to access it this way:

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

Abz Man
Abz Man
1,351 Points

Thank you very much. I understand how it works thanks to you. Have a Blessed Day.

1 Answer

Adam Beer
Adam Beer
11,260 Points

You are so close! Go one level out of the current folder, the folder named "img". If you go out one level, use the ../, if you go out two level, use the ../../, but now you need go out one level so ../. Enter now the img folder ../img and end put this your code. ../img/logo.png . Hope this help.

Challenge Task 1 of 3

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.

<img src="../img/logo.png" alt="Site logo">
Abz Man
Abz Man
1,351 Points

OHHHHH I see! totally understand now thank you very much for pointing this out.