Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML How to Make a Website Creating HTML Content Build the Footer

Izzy Reely
Izzy Reely
1,718 Points

I keep on seeing red highlighted code for code that I am sure is correct, is this a bug or is my code wrong?

Here is my code, excuse the lack of imagination, I've pretty much copied Nick's apart from my Facebook link... I'm stumped as to why this is red and my social link pics don't seem to show up either.

What comes up red: The closing </h1> tag The final three closing tags for footer, body and html.

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Izzy Reely | Designer</title> </head> <body> <header> <a href="index.html" <h1>Izzy Reely</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>Experimentation with colour and texture.</p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/numbers-02.jpg" alt=""> <p>Playing with blending modes in photoshop.</p> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" alt=""> <p>Trying to create an 80's style of glows.</p> </a> </li> <li> <a href="img/numbers-09.jpg"> <img src="img/numbers-09.jpg" alt=""> <p>Drips created using Photoshop brushes.</p> </a> </li> <li> <a href="img/numbers-12.jpg"> <img src="img/numbers-12.jpg" alt=""> <p>Creating shapes using repetition.</p> </a> </li> </ul> </section> <footer> <a href="http://twitter.com/nickrp"><img src"img/twitter-wrap.png" alt="Twitter Logo"></a> <a href="http://facebook.com/izzyreely"><img src"img/facebook-wrap.png" alt="Facebook Logo"><a/> <p>© 2015 Izzy Reely.</p> </footer> </body> </html>

3 Answers

Wayne Priestley
Wayne Priestley
19,579 Points

Hi Izzy,

This is why that piece of code is highlighted.

  <a href="index.html" <!-- You forgot to finish this tag -->
    <h1>Izzy Reely</h1>

It should be,

  <a href="index.html">
    <h1>Izzy Reely</h1>

Hope this helps.

Izzy Reely
Izzy Reely
1,718 Points

Hi Wayne, thanks for your input, that certainly fixed the </h1> tag from being highlighted. However, as soon as I fixed that omission, the </footer> tag suddenly appeared highlighted in red. I don't understand why as both the opening and closing header tags are complete as far as I can see...

Deneen Edwards
Deneen Edwards
5,626 Points

At the bottom, You also forgot the equal sign after src.

Izzy Reely
Izzy Reely
1,718 Points

Hi Deneen, thanks for your input also, unfortunately when I copy and pasted my code my equal signs did not copy across, but I do have them in the code, so I am still unsure why this has happened, it's ok though, It doesn't seem to be causing my work to be broken, it's just annoying that I have the red highlighted code!

Izzy Reely
Izzy Reely
1,718 Points

Hi folks, just an update to say thanks and let you know I found the faults in my code - what I had missed on two occasions was that my backslash was incorrectly placed a couple of times in closing attribute tags - e.g. <a/> . Many thanks for your answers though!