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!
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
Alicia Hentemann
224 PointsSuper 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
8,352 PointsHello 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.
Alicia Hentemann
224 PointsThanks 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?
Devin Cooper
8,352 Pointsyes, it will.
Alicia Hentemann
224 PointsI'll try that thanks so much! xo