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 Sachin Utkar
Sachin Utkar
1,789 Points

html code giving 5 errors while validation

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>My First Web App</title> <link rel="stylesheet" href="css/normalize.css"> <link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,700%7cArchivo+Black' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/responsive.css"> <meta name="viewport" content="width=device-width , initial-scale=1.0"> </head> <body>

<header>
  <a href="index.html" id="logo">
  <h1>MY First Website</h1>
  <h2>Temporary Down</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" class="selected">Contact</a></li>
    </ul>
  </nav>
</header>
  <div id="wrapper">
    <section id="primary">
      <h3>General Information</h3>
      <p  class="unfloat">I am Not Currently Looking For Design work, but I am available for speaking gigs and similar engagements. If you have any question please don't hesitate to contact me. </p>
    </section>
    <section id="secondary">
      <h3> Contact details</h3>
      <ul class="contact-info">
        <li class="phone"><a href="tel:555-6425">555-6425</a></li>
        <li class="mail"><a href="mailto:nick@example.com">nick@example.com</a></li>
        <li class="twitter"><a href="http://www.twitter.com/intent/tweet?screen_name=lakshya27">@lakshya27</a></li
      </ul>
    </section>
    <footer>
      <a href="http://www.twitter.com/lakshya27"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>     
      <a href="http://www.facebook.com/sachin.utkar"><img src="img/facebook-wrap.png" alt="Facebook Logo" class="social-icon"></a>
      <p>
        &copy; 2014 sachin utkar.
      </p>
    </footer>
  </div>

</body> </html>

Sachin Utkar
Sachin Utkar
1,789 Points

Validation Output: 5 Errors

Error Line 39, Column 11: Saw < when expecting an attribute name. Probable cause: Missing > immediately before.

          </ul>

Error Line 39, Column 13: A slash was not immediately followed by >.

          </ul>

Error Line 39, Column 15: End tag had attributes.

          </ul>

Error Line 40, Column 18: End tag section seen, but there were open elements.

        </section>

Error Line 35, Column 35: Unclosed element ul.

          <ul class="contact-info">

3 Answers

Given Hirschau
Given Hirschau
1,968 Points
Given Hirschau
Given Hirschau
1,968 Points

You mis the > by the end </li>

<li class="twitter"><a href="http://www.twitter.com/intent/tweet?screen_name=lakshya27">@lakshya27</a></li

I also think their is to much space between, <p class="unfloat">

<p   class="unfloat">I am Not Currently Looking For Design work, but I am available for speaking gigs and similar engagements. If you have any question please don't hesitate to contact me. </p>
Eric Buchmann
Eric Buchmann
15,080 Points
Eric Buchmann
Eric Buchmann
15,080 Points

You're missing the end > on your last li. Like this:

<li class="twitter"><a href="http://www.twitter.com/intent/tweet?screen_name=lakshya27">@lakshya27</a></li>

Adding the > at the end fixes up the errors.

Sachin Utkar
Sachin Utkar
1,789 Points

Thanks for helping....

Sachin Utkar
Sachin Utkar
1,789 Points
Sachin Utkar
Sachin Utkar
1,789 Points

I got it, Thanks for helping.