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

Posted by Kathryn Nichols
Kathryn Nichols
2,417 Points

I'm not sure what's gone wrong. </body> and </html> are highlighted in red at the end of my code.

Sorry if this sounds really thick - I'm doing the Web Design track and I'm a beginner at this. I just can't figure out what's gone wrong with this code:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Kathryn Nichols | Designer</title> <link rel="stylesheet" href="css/normalize.css"> <link href='http://fonts.googleapis.com/css?family=Special+Elite|Open+Sans:400,300,300italic,400italic,700,700italic,600,600italic,800,800italic' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css"> </head> <body> <a ref="index.html" id="logo"> <h1>Kathryn Nichols</h1> <h2>Designer</h2> <nav> <ul> <li><a href="index.html" class="selected">Portfolio</a></li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> <div id="wrapper">
<section> <ul id="gallery"> <li> <a href="img/page-001.jpg"> <img src="img/page-001.jpg" alt=""> <p>Eden Project Shop Look Book</p> </a> </li> <li> <a href="img/page-002.jpg"> <img src="img/page-002.jpg" alt=""> <p>Outdoor living</p> </a> </li> <li> <a href="img/page-003.jpg"> <img src="img/page-003.jpg" alt=""> <p>Tea time</p> </a> </li> </ul> </section>
<footer> <a href="http://twitter.com/thedrawinghouse"><img src="img/twitter-wrap.png"alt="Twitter logo"></a> <a href="http://facebook.com/thedrawinghouse"><img src="img/facebook-wrap.png"alt="Facebook logo"></a> <p>© 2014 Kathryn Nichols</p> </footer> </div>
</body> </html>

Sreng Hong
Sreng Hong
15,083 Points

it's not code

Kathryn Nichols
Kathryn Nichols
2,417 Points

I'm pasting in code but it's not posting it as code. I have a screen shot here: http://payload260.cargocollective.com/1/14/475498/7508986/Screen-shot-2014-08-22-at-10.15.12_o.png

Sérgio Leal
Sérgio Leal
7,803 Points

Please refer to the Markdown Basics if you want to post code. Or check out the Markdown Cheatsheet below.

Wrap your code with 3 backticks (```) on the line before and after. If you specify the language after the first set of backticks, that'll help us with syntax highlighting.

As for your question, if it appears red then maybe you're forgetting to close an html tag.

Sreng Hong
Sreng Hong
15,083 Points

Kathryn please post your code than do the screenshot of the code.

3 Answers

Sérgio Leal
Sérgio Leal
7,803 Points

It looks like you didn't close the first <a> tag.

<body>
<a href="index.html" id="logo">

You forgotten to close that <a> tag.

Kathryn Nichols
Kathryn Nichols
2,417 Points
Kathryn Nichols
Kathryn Nichols
2,417 Points 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Kathryn Nichols | Designer</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link href='http://fonts.googleapis.com/css?family=Special+Elite|Open+Sans:400,300,300italic,400italic,700,700italic,600,600italic,800,800italic' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="css/main.css">
  </head>
  <body>
    <a ref="index.html" id="logo">
    <h1>Kathryn Nichols</h1>
    <h2>Digital Designer</h2>
  <nav>
    <ul>
      <li><a href="index.html" class="selected">Portfolio</a></li>
      <li><a href="about.html">About</a></li>
      <li><a href="contact.html">Contact</a></li>
    </ul>
  </nav>
  <div id="wrapper">  
    <section>
      <ul id="gallery">
        <li>
          <a href="img/page-001.jpg">
            <img src="img/page-001.jpg" alt=""> 
            <p>Eden Project Shop Look Book</p>
          </a>
        </li>
        <li>
          <a href="img/page-002.jpg">
            <img src="img/page-002.jpg" alt=""> 
            <p>Outdoor living</p>
          </a>
        </li>
        <li>
          <a href="img/page-003.jpg">
            <img src="img/page-003.jpg" alt=""> 
            <p>Tea time</p>
          </a>
        </li>
      </ul>
    </section>  
    <footer>
      <a href="http://twitter.com/thedrawinghouse"><img src="img/twitter-wrap.png"alt="Twitter logo"></a>
      <a href="http://facebook.com/thedrawinghouse"><img src="img/facebook-wrap.png"alt="Facebook logo"></a>
      <p>&copy; 2014 Kathryn Nichols</p>
    </footer>
  </div>  
  </body>
</html>
Kathryn Nichols
Kathryn Nichols
2,417 Points
Kathryn Nichols
Kathryn Nichols
2,417 Points

Thanks so much Sérgio! This has fixed it.

Sérgio Leal
Sérgio Leal
7,803 Points

any time.