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

Alejandro Astudillo Alayo
Alejandro Astudillo Alayo
1,609 Points
Posted by Alejandro Astudillo Alayo
Alejandro Astudillo Alayo
1,609 Points

I keep writing and re-writting the code exactly as the teacher shows and it still won't accept it.

I checked for the images, all are named correctly and are under the img folder. If anyone could clarify what I'm doing wrong it would be greatly appreciated.

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>The Don | Web Designer</title> </head> <body> <header> <a href"index.html"> <h1>Get It</h1> <h2>Web 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>Experiment with features.</p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/numbers-06.jpg" alt="" <p>Experiment with details.</p> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt="" <p>Experiment with possibilities.</p> </a> </li> </ul> </section> <footer> <p>Ā© 2016 Don.</p> </footer> </body> </html>

Jay Padzensky
Jay Padzensky
4,731 Points
Jay Padzensky
Jay Padzensky
4,731 Points

Hi Alejandro,

I may recommend checking out the "Markdown Cheatsheet" so you can post your code in a readable fashion. It'll be easier for other students to offer some help then :)

Notably, to share code, you'll want to surround it with three tick marks ``` Example (note, the tick marks won't show):

<h1>Hello World!</h1>

1 Answer

John Steer-Fowler
PLUS
John Steer-Fowler
Courses Plus Student 11,734 Points
John Steer-Fowler
John Steer-Fowler
Courses Plus Student 11,734 Points

Hi there,

I'm not sure if 're-writing the code exactly as the teacher shows' is accurate...

It seems there are quite a few problems with your code that is causing it to fail.

Problem 1:

<a href"index.html">

You are missing an equals sign (=) This should be:

<a href="index.html">

Problem 2:

You haven't properly closed this image tag:

<a href="img/numbers-01.jpg">
    <img src="img/numbers-01.jpg" alt=""
    <p>Experiment with features.</p>
</a>

This should be:

<a href="img/numbers-01.jpg">
    <img src="img/numbers-01.jpg" alt="" >
    <p>Experiment with features.</p>
</a>

Problem 3:

And there are two more of those image tags that need changing. Then it should pass

Hope this helps.

Note:

This challenge also does not require you to fill in your own information to the code. Just follow the tasks being set. Plus, you have put link tags <a></a> around the images, which is not a requirement of the challenge.

You might find that by adding extra things to the challenge that are not required, you are actually making it more difficult to pass the challenge