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 Shawn Isaacs
Shawn Isaacs
485 Points

newbie using code pen to try and write html for website creation

Would someone diagnosis my problem.

Pasting this to the code pen window and nothing shows up.

<!DOCTYPYE html>
<html>
<head>
<title>WeWinMore.net</title>
<style>
    body {
        background-color: 00f8f8    
}
h1 {
        color: #f80000
}
</stlye>
</head>

<body>
<h1>WeWinMore.net</h1>
<p>We have 50 years of winning experience.</p>
</body>

</html>
Philipp Antar
Philipp Antar
7,216 Points

Ok, ignore my reply below. This actually is valid HTML :D. One codepen you don't need a lot of the standard HTML tags. You can just do it like this: http://codepen.io/p886/pen/Jmqbr

5 Answers

Stone Preston
Stone Preston
42,016 Points
Stone Preston
Stone Preston
42,016 Points

it looks like you mispelled style on your closing </style> tag

just fixed the spelling errors and pasted it and it works for me.

Chris Akers
Chris Akers
2,527 Points
Chris Akers
Chris Akers
2,527 Points

3 problems I can see: DOCTYPE is misspelled, closing style tag is misspelled, and the background color on the body needs to be prepended with "#"

Shawn Isaacs
Shawn Isaacs
485 Points

Thanks for the quick responses!

Shawn Isaacs
Shawn Isaacs
485 Points
Shawn Isaacs
Shawn Isaacs
485 Points

<!DOCTYPYE html> <html> <head> <title>WeWinMore.net</title> <style> body { background-color: 00f8f8
} h1 { color: #f80000 } </stlye> </head>

<body> <h1>WeWinMore.net</h1> <p>We have 50 years of winning experience.</p> </body>

</html>

I am writing this with sublime text 2

Shawn Isaacs
Shawn Isaacs
485 Points
Shawn Isaacs
Shawn Isaacs
485 Points

I am not sure why the whole thing is not showing

Chris Akers
Chris Akers
2,527 Points

To show code you need to indent the code block. I fixed it for you.

Philipp Antar
Philipp Antar
7,216 Points
Philipp Antar
Philipp Antar
7,216 Points

Your code is not valid HTML. It's hard to guess, but what you're trying to achieve might be something like this

<html>
<head>
  <title>WeWinmore.net</title>
  <style type="text/css">
    body{
      background: #00f8f8
    }
    h1{
      background: #f80000
    }

  </style>
</head>
<body>
  <h1>WeWinMore.net We have 50 years of winning experience.</h1>
</body>
</html>

You'll need html, head, title and body tags. Stick around on Treebok, watch the basic HTML videos and you'll soon get the hang of it.

Stone Preston
Stone Preston
42,016 Points

he edited his post I think the formatting must have gotten screwed up so hes code looked very incomplete