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 How to Make a Website Creating HTML Content Organize with Unordered Lists

Lucas Boyd
Lucas Boyd
608 Points

where is the image folder located

im typing the code and such just don't know where to withdraw the photos from like I've read its in the folder but where on the screen

index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Nick Pettit</title>
  </head>
  <body>
    <header>
      <a href="index.html">
        <h1>Nick Pettit</h1>
        <h2>Designer</h2>
      </a>
      <nav>
        <ul>
          <li><a href="index.html">Portfolio</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </nav>
    </header>
    <section>
      <ul> 
        <li>
          <a href="img/numbers-01.jpg">
            <img src="" alt="" </li>
        <li>
          <a href="img/numbers-02.jpg">
            <img src="" alt="" </li>
        <li>
          <a href="img/numbers-06.jpg">
            <img src="" alt="" </li>
      </ul>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

7 Answers

If you're in Sublime Text, press CMD + K + B to show the side bar which will show your project files. You also have to make sure you drag in the project folder onto the Sublime Text app icon in your dock to make sure you have that project folder open.

Lucas Boyd
Lucas Boyd
608 Points

I'm doing the test right now and i get to the part asking to input images from the image folder and when i drag it from the folder onto the test a huge thing of like weird code fills up the test. I'm on a mac and don't know how else to upload the images onto the test.

Lucas Boyd
Lucas Boyd
608 Points

i don't know what sublime text is haha but i pressed cmd k+b on the test and nothing happened

I'm guessing you're using workspace. If there isn't an "img" folder on the left sidebar of workspace, then do this:

Right click on the left sidebar (where the index.html is), and click "create a new folder". Name the folder as "img". Next, select all the photos you want added (from your explorer or finder or wherever they're stored) and drag the to the bottom left of workspace. You should see a message telling you that the photos are uploading. When they're done uploading, click and drag all of them to the "img" folder you just created.

Hope this helps

Lucas Boyd
Lucas Boyd
608 Points

that was good but then now how do i apply it to the test I'm taking. it says upload some of those images and how do i input them into the treehouse test screen. i tried just manually typing the names if the files onto the test but that doesn't seem to work and it doesn't seem to drag from workspace

Lucas Boyd
Lucas Boyd
608 Points

that was good but then now how do i apply it to the test I'm taking. it says upload some of those images and how do i input them into the treehouse test screen. i tried just manually typing the names if the files onto the test but that doesn't seem to work and it doesn't seem to drag from workspace

Lucas Boyd
Lucas Boyd
608 Points

I've been tinkering with it and when i go to check work it says make sure to include an image tag. what is this