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

General Discussion

Super beginner. Deleted everything and had to start from scratch

This is how it now looks (nowhere near what it should have in the very beginning) http://web.eet8lo8xgx.treehouse-app.com/

The code is below. I don't know why everything is hyperlinked, why my images are not showing and why my lists are bulleted. Could it be that once I deleted my original project, it is being hosted in a different way?

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Alicia Perrine | Designer</title> </head> <body> <header> <a href="index.html"> <h1>Alicia Perrine</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="img/numbers-01.jpg"> alt=""> <p>Number 1</p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/numbers-02.jpg"> alt=""> <p>Number 2</p> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg"> alt=""> <p>Number 6</p> </a> </li> <li> <a href="img/numbers-09.jpg"> <img src="img/numbers-09.jpg"> alt=""> <p>Number 9</p> </a> </li> <li> <a href="img/numbers-12.jpg"> <img src="img/numbers-12.jpg"> alt=""> <p>Number 12</p> </a> </li> </ul> </section> <footer> <img src="img/twitter-wrap.png"> alt="twitter logo"> <img src="img/facebook-wrap.png"> alt="facebook logo"> </footer> </body> </html>

4 Answers

Devin Cooper
Devin Cooper
8,352 Points

Hello Alicia,

Hyperlinks are formed using the <a> anchor tag. For example in your code <a href="about.html">About</a> denotes About should be a hyperlink. Clicking on About will take the user to your about.html page.

You say your images are not showing up. Do you have your images placed in the img folder of your page? <a href="img/numbers-01.jpg"> the file numbers-01.jpg should be placed in the img folder to show on your page.

Hosting has nothing to do with this behavior.

Thanks for your response, Devin! The image folder itself would not upload properly so I uploaded each one individually but not within an image folder. If I create a img folder and move these files, will it fix the issue?

I'll try that thanks so much! xo