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 Use the Navigation Element

Posted by ruthkirlew
ruthkirlew
191 Points

Glitched workspace?

The end tag for everything, regardless of element, automatically appears as 

</a>

(for example 

<nav>, <li>

and other things that shouldn't have that end tag), and part of my index.html document is highlighted in red. Any idea why this is happening?

Ted Sumner
Ted Sumner
Courses Plus Student 17,967 Points

Post formatted to make tags visible.

3 Answers

Ted Sumner
Ted Sumner
Courses Plus Student 17,967 Points

Here is your current code. I have put comments on all the issues I see.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title> Becca | Designer </title>
  </head>
  <body>
    <header>
      <a href="index.html> <- there is no close quote after .html->
        <h1>Becca</h1>
        <h2>Designer</h2>
       </a>
     </header> <-You close a header here and below ->
      <nav>
        <ul>
          <li><a href="index.html"></>Portfolio</a></li> <- you have a close tag associated with nothing ->
          <li> About </li>
          <li> Contact </li>
        </ul>
      </nav>
    </header> <- This is your second close header tag ->
    <section>
      <p> Gallery goes here. </p>
    </section>
    <footer>
      <p>&copy; 2015 Becca Kirlew.</p>
    </footer>
  </body>
</html>

In summary, an open quote with no close, a close tag with no associated open or element, and two close header tags. When I fixed those issues in your snapshot there was a good preview.

ruthkirlew
ruthkirlew
191 Points

Thank you, that fixed the problems!

Ted Sumner
PLUS
Ted Sumner
Courses Plus Student 17,967 Points
Ted Sumner
Ted Sumner
Courses Plus Student 17,967 Points

Highlighting in red means there is something that the editor does not recognize as valid code. It is not always right, but usually highlights an error.

With respect to the tags, I have not heard or seen that before. I suspect you have an unclosed anchor somewhere causing all of the problems. You can copy and paste your code (see what I did to your post to format it properly) or you can make a fork snapshot and post the URL. Make the snapshot by using the camera icon in the upper right corner of the workspace. Follow the steps to open the snapshot and post the url here.

ruthkirlew
ruthkirlew
191 Points
ruthkirlew
ruthkirlew
191 Points

https://w.trhou.se/37t61ijkve Here's the snapshot. I noticed some errors now, right above where the red underlined text starts, but I'm not sure how to fix them.