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 Connie Cooper
Connie Cooper
1,229 Points

My code from my index.html. This may be where my code is messed up to where I can't update the website.

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Connie Cooper Photographer| </title> <link rel="stylesheet" href=css/normalize.css> <link rel="stylesheet" href=css/main.css> <head> <body> <header> <a href="index.html"> <h1>Connie Cooper</h1> <h2>Photographer</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> <div <section> <ul> <li> <a href="img/numbers-01.jpg"></a> <img src="img/numbers-01.jpg"alt=""> <p>Experimentation with color and texture.</p> </li> </ul> </section> <footer> </footer> </div> <body> </html> <li> <a href="img/numbers-02.jpg"></a> <img src="img/numbers-02.jpg"alt=""> <p>Playing with blending modes in photoshop.</p> </li> <li> <a href="img/numbers-01.jpg"></a> <img src="img/numbers-01.jpg"alt=""> <p>Trying to create an 80's style of glows.</p> </li> <li> <a href="img/numbers-01.jpg"></a> <img src="img/numbers-01.jpg"alt=""> <p>Drips created with Photoshop brushes.</p> </a> </li> <li> <a href="img/numbers-01.jpg"></a> <img src="img/numbers-01.jpg"alt=""> <p>Creating shapes using repetition.</p> </a> </li> </ul> </section> <footer> <a href="http://twitter.com/conniecooper"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a> <a href="http://facebook.com/conniecooper"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a> <p>Ā© 2016 Connie Cooper </p> </footer> </div> </body> </html>

1 Answer

Arnaud Prat
Arnaud Prat
3,892 Points
Arnaud Prat
Arnaud Prat
3,892 Points

Hi, there are few mistakes in your code.

I have made some corrections and highlighted them with HTML comments.

<!-- This part must be contained in a head tag -->
<head>
    <meta charset="utf-8">
    <title>Connie Cooper Photographer| </title>
    <link rel="stylesheet" href=css/normalize.css> 
    <link rel="stylesheet" href=css/main.css> 
</head>

<!-- and you forgot the body tag -->
<body>
<header>
 <a href="index.html">
  <h1>Connie Cooper</h1>
  <h2>Photographer</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>

<!-- This opening div tag below was missing a '>', I added it ;) -->
<div>  

 <ul>
   <li>
     <a href="img/numbers-01.jpg"></a>
      <img src="img/numbers-01.jpg"alt="">
     <p>Experimentation with color and texture.</p>
   </li>
 </ul>
</section>


</div>


   <li>
     <a href="img/numbers-02.jpg"></a>
      <img src="img/numbers-02.jpg"alt="">
     <p>Playing with blending modes in photoshop.</p>
   </li>
   <li>
     <a href="img/numbers-01.jpg"></a>
      <img src="img/numbers-01.jpg"alt="">
     <p>Trying to create an 80's style of glows.</p>
   </li>
   <li>
     <a href="img/numbers-01.jpg"></a>
      <img src="img/numbers-01.jpg"alt="">
     <p>Drips created with Photoshop brushes.</p>
     </a>
   </li>
   <li>
     <a href="img/numbers-01.jpg"></a>
      <img src="img/numbers-01.jpg"alt="">
      <p>Creating shapes using repetition.</p>
   </a>
</li>

....


</body>

Recap :

1.Don't forget your 'head' tag, it won't display in your page but will contain a lot of information such as link to your stylesheets, the title of the page, and other stuff...

2.The body tag is where you will put the content of your page. The content that the user sees.

3.Finally, try to start every HTML file by writing the most important tag such as : 

<DOCTYPE html>
<html>
    <head>
        <title></title>
    </head>
    <body>

    </body>
</html>

When you write a tag like a div for exemple, close it immediately and then put the rest of your code in it.

Hope this will help, tell me if you didn't understand well, my english could be a bit weird... :p