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 HTML First Create the Content Containers

Michael Morgan
Michael Morgan
887 Points

The <!DOCTYPE html> on the video is amber but the one from my Macbook is b&w. My page won't render. Is that problem?

All other elements of this layout appear to be correct but most of the items below my name are not showing.

Nicholas Vandenbroeck
Nicholas Vandenbroeck
4,599 Points

Could you copy your code and paste it here?

8 Answers

Abraham Juliot
Abraham Juliot
47,353 Points

Try clearing your browser's cache.

Michael Morgan
Michael Morgan
887 Points

Emptied cache and that did the trick. Thanks for the help.

Michael Morgan
Michael Morgan
887 Points

Here's the code for Nicholas per his request:

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Michael Morgan | Consultant</title> </head> <body> <header> <h1>Michael Morgan</h1> <h2>Consultant</h2> </header> <section> <p>Consultant samples go here.</p> </section> <footer> <p>© 2014 Michael Morgan.</p> </footer> </body> </html>

Hi Michael,

See this thread for how to post code in the forums: https://teamtreehouse.com/forum/posting-code-to-the-forum

Abraham Juliot
Abraham Juliot
47,353 Points

Do you have the opening <html> and closing </html> tags?

Michael Morgan
Michael Morgan
887 Points

Jason, sorry for the confusion. I am just getting started as you might have guessed. Here is the code with back ticks.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Michael Morgan | Consultant</title>
  </head>
  <body>
    <header>
      <h1>Michael Morgan</h1>
      <h2>Consultant</h2>
    </header>
    <section>
      <p>Consultant samples go here.</p>
    </section>
    <footer>
      <p>&copy; 2014 Michael Morgan.</p>
    </footer>
   </body>
</html>
Abraham Juliot
Abraham Juliot
47,353 Points

Hi Michael,

When you say the "page won't render", do you mean that the colors of the html workspace editor are not the same as the colors in the Video workspace editor (i.e. the <!DOCTYPE html> is grey rather than amber)? If so, there may have been some updates to Workspace which changed the colors. As long as your HTML code is rendered properly when viewed in the browser (which it appears to be), there's no problem.

Will Rankin
Will Rankin
612 Points

Hi Michael,

I took the code that you had posted and copied it into the workshop. I also found that when attempting to view it, nothing appeared. I have another program for text editing, called Brackets. I then copied your code into Brackets, and tested the code there. This time, your page appeared, displaying the text as intended. I am not sure if it was a problem with Team Tree Houses Workspace, as that has never happened for me before. You may try to go farther in the video tutorials, and see if the problem resolves itself as more code is added to your webpage. If you're problem still persists, I can help you with the set up process for Brackets, which is free software if you would like to test your code that way. I hope you find a way to fix the problem.

Michael Morgan
Michael Morgan
887 Points

When I hit the view button, all I can see if 'Michael Morgan Webiste" which is the title of the project. Not of the other things in the code show in any color!