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 Introduction to HTML and CSS Adding a New Web Page Write the CSS

Can't link my Css, H1 not Turning blue.

(My resume.html)

<!doctype> <html> <head>

<title>Kristina Patterson's Resume</title>

</head>

   <body>
   <img src="https://placeimg.com/200/200/animals"alt="Kristina Patterson,Web Developer">

        <h1>Kristina Patterson,Web Developer</h1>

     <h2>Summary of Qualifications</h2>
   <ul>
      <li>Experience as a Freelance Developer</li>
      <li>Experience with HTML, CSS, and JavaScript</li>
      <li>Bachelors in Science, Economics</li>
      </ul>
     <link rel="stylesheet" href="resuming.css>
   </body>

</html>

(My resume.css)

h1{ color: blue; }

5 Answers

boi
boi
8,568 Points

You're missing a closing quote mark at the <link rel="stylesheet" href="resuming.css>.

<body>
   <img src="https://placeimg.com/200/200/animals"alt="Kristina Patterson,Web Developer">

        <h1>Kristina Patterson,Web Developer</h1>

     <h2>Summary of Qualifications</h2>
   <ul>
      <li>Experience as a Freelance Developer</li>
      <li>Experience with HTML, CSS, and JavaScript</li>
      <li>Bachelors in Science, Economics</li>
      </ul>
     <link rel="stylesheet" href="resuming.css> 👈 <!-- HERE -->
   </body>

Ty, Added the ending Quote marks, but it's still not showing.

boi
boi
8,568 Points

Could you fork your workspace and share it here? The option to Fork is at the top right corner of your workspace. I ran your code again and it works fine for me, maybe you might have some indentation or code structure issue. I could solve the issue if you could Fork your code, that way I can take a look at it entirely in it's orginal structure.

boi
boi
8,568 Points

I forgot to mention that when I ran your code, I fixed some indentation in your code. Try runnig this code;

<!doctype>
<html> 
  <head>
    <title>Kristina Patterson's Resume</title>
  </head>
  <body>
    <img src="https://placeimg.com/200/200/animals"alt="Kristina Patterson,Web Developer">
    <h1>Kristina Patterson,Web Developer</h1>
    <h2>Summary of Qualifications</h2>
    <ul>
      <li>Experience as a Freelance Developer</li>
      <li>Experience with HTML, CSS, and JavaScript</li>
      <li>Bachelors in Science, Economics</li>
    </ul>
    <link rel="stylesheet" href="resuming.css">
  </body>
</html>
h1 {

 color: blue; 

}

Let me know the result.

When I try to fork my resume.html I get a blank workspace. should I try to screenshot it instead?

boi
boi
8,568 Points

copy-paste the code I gave above and run it. Let me know if it ran successfully or failed.

Ran it and its still giving me a black heading. https://w.trhou.se/0b2c66947y

boi
boi
8,568 Points

The problem is in the file name. Make sure the CSS file name is matching

I have the file as resume.css and the href as resume.css. No capitalization (I put it as "resuming" for a second to see if maybe I had unmatching file names but I changed both back when they didn't work)

Heres the Snapshot of your edit https://w.trhou.se/eyf7ans4u1 . I tried to run it but nothings changed

boi
boi
8,568 Points

This is not my edit.

boi
boi
8,568 Points

I'm pretty sure the error is in your declared path file. Ok, tell me your CSS filename, and paste the <link> code here.

boi
boi
8,568 Points

Check this out >>>>>>>> https://w.trhou.se/20rxk1kit8 <<<<<<< MY EDIT. I removed everything and did it with fresh edits. I also changed the DOCTYPE to the convention.

boi
boi
8,568 Points

Any follow-ups? Did you figure it out?

Hey still nothing so I'm going to go ahead and delete my files and start over and see if it works. and I'm sorry every time I click on the link it shows me your edited version but when I share the link it shows my unedited file.

Started over and got it working! Thank you so much for all your help!

boi
boi
8,568 Points

Glad to be at service 👍