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 Build the Footer

Posted by Reginald Williams
Reginald Williams
4,818 Points

Images are not displaying in the preview of my workspace. Would someone be able to see if there are errors in my code?

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Reginald Williams| User Experience Researcher</title> </head> <body> <header> <a href"index.html"> <h1>Reginald Williams</h1> <h2>User Experience Designer</h2> </a> <nav> <ul> <li><a href="index.html">about</a></li> <li><a href="about.html">other</a></li> <li><a href="page.html">pagr</a></li> </ul> </nav> </header> <section> <ul> <li> <a href="img/numbers-01.jpg"> <img src"=img/numbers-01.jpg alt="picture of something"> <p>ifk</p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src"=img/numbers-02.jpg alt="picture of something"> <p>playing with photoshop</p> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src"=img/numbers-06.jpg alt="picture of something"> <p>ifk</p> </a> </li> <li> <a href="img/numbers-09jpg"> <img src"=img/numbers-09.jpg alt="picture of something"> <p>ifk</p> </a> </li> <li> <a href="img/numbers-12.jpg"> <img src"=img/numbers-12.jpg alt="picture of something"> <p>ifk</p> </a> </li> </ul> <p>About will go here </p> </section> <footer> <a href="'http.//twitter.com/reginaldmw"><img src="twitter-wrap.png" alt="Twitter Logo"></a> <img src="twitter-wrap.png" alt="Twitter Logo"> <p>© 2014 Reginald Williams.</p> </footer> </body> </html>

2 Answers

jaredcowan
jaredcowan
11,808 Points

Check your img tags.

You put the equal sign inside the double quotes and forgot to close with the matching double quote. The equal signs need to go on the outside.

How you had them:

<img src"=img/numbers-01.jpg alt="picture of something">

How they need to be:

<img src="img/numbers-01.jpg" alt="picture of something">

P.S. you seem to be missing the 

<html>, <head> and <body> tags. I added them for you

Fully fixed html:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Reginald Williams| User Experience Researcher</title>
</head>
<body>
 <header>
   <a href"index.html">
    <h1>Reginald Williams</h1>
    <h2>User Experience Designer</h2>
    </a> 
    <nav>
       <ul>
         <li><a href="index.html">about</a></li>
         <li><a href="about.html">other</a></li>
         <li><a href="page.html">pagr</a></li>
      </ul>
   </nav>
  </header>
  <section>
    <ul>
      <li>
        <a href="img/numbers-01.jpg">
          <img src="img/numbers-01.jpg" alt="picture of something">
          <p>ifk</p>
      </a>
      </li>
      <li>
        <a href="img/numbers-02.jpg">
          <img src="img/numbers-02.jpg" alt="picture of something">
          <p>playing with photoshop</p>
        </a>
      </li>
      <li>
        <a href="img/numbers-06.jpg">
          <img src="img/numbers-06.jpg" alt="picture of something">
          <p>ifk</p>
        </a>
      </li>
      <li>
        <a href="img/numbers-09jpg">
          <img src="img/numbers-09.jpg" alt="picture of something">
          <p>ifk</p>
      </a>
      </li>
      <li>
        <a href="img/numbers-12.jpg">
          <img src="img/numbers-12.jpg" alt="picture of something">
          <p>ifk</p>
      </a>
      </li>
    </ul>
   <p>About will go here </p>
  </section>
  <footer>
   <a href="'http.//twitter.com/reginaldmw"><img src="twitter-wrap.png" alt="Twitter Logo"></a>
    <img src="twitter-wrap.png" alt="Twitter Logo">
    <p>&copy; 2014 Reginald Williams.</p>
</footer>
</body>
</html>

Let me know if this works for you.

Nicholas Hebb
Nicholas Hebb
18,872 Points
Nicholas Hebb
Nicholas Hebb
18,872 Points

For each img element, you left off the closing quote for the src attribute.