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

Jonavan Helom
Jonavan Helom
2,593 Points
Posted by Jonavan Helom
Jonavan Helom
2,593 Points

i'm stuck

Can somebody please break it down what i'm doing wrong?

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 scr="img/numbers-01.jpg" alt="">
          <p> Experimentation with color and texture.</p>
      </a>
        </li>

                <li> 
        <a href"img/numbers-02.jpg"
          <img scr="img/numbers-02.jpg" alt="">
          <p>Playing with blending modes in photo.</p>
      </a>
      </li>
      <li> 
        <a href"img/numbers-06.jpg"
          <img scr="img/numbers-06.jpg" alt="">
          <p> Trying to create an 80's style glows.</p>
      </a>
        </li>
        <li>
        <a href"img/numbers-09.jpg"
          <img scr="img/numbers-09.jpg" alt="">
          <p>Drips created using photoshop brushes .</p>
      </a>
        </li>     
      <li> 
        <a href"img/numbers-12.jpg"
          <img scr="img/numbers-12.jpg" alt="">
          <p>Creating shapes using reptition.</p>
      </a>
        <li>
     </ul>
    </section>
    <footer>
      <p>&copy; 2013 Nick Pettit.</p>
    </footer>
  </body>
</html>

4 Answers

Herbie Dodge
Herbie Dodge
15,985 Points
Herbie Dodge
Herbie Dodge
15,985 Points

Your image show the source as "scr" they should be "src" like this:

<img src="" alt="">

lasselaube
PLUS
lasselaube
Courses Plus Student 22,849 Points
lasselaube
lasselaube
Courses Plus Student 22,849 Points

And your "a" tags should be like this: <a href="" >

for example: <a href="img/numbers-01.jpg" >

Chris Seale
Chris Seale
24,718 Points
Chris Seale
Chris Seale
24,718 Points

no equal sign after the href's. You need those. As well, close that opening a tag. <a href="dklfadjsfjd;sf">. something like that.

Austin Whipple
Austin Whipple
29,725 Points
Austin Whipple
Austin Whipple
29,725 Points

Jonavan,

To consolidate all the things others have said, you'll want to pay close attention to your tag formatting and syntax.

  1. Be sure to complete every tag with opening and closing angle brackets: < > This is an issue for you specifically in your anchor tags. Each one is missing the closing bracket.
  2. You're also missing the equals sign after your anchor's href attribute. Every HTML tag attribute requires an equals sign between attribute name and value: href="http://www.google.com"
  3. The source attribute is abbreviated as src (not scr)

So here's a full example:

<a href="img/numbers-09.jpg">
   <img src="img/numbers-09.jpg" alt="">
   <p>Drips created using photoshop brushes .</p>
</a>