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 Introduction to HTML and CSS (2016) Getting Familiar with HTML and CSS Test: Changing the Look of a Web Page

Posted by jamie paterson
.a{fill-rule:evenodd;}techdegree
jamie paterson
Front End Web Development Techdegree Student 155 Points

how do I put colour in h1

how do I put some colours into h1

index.html 
<!doctype html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet">
  </head>
  <body><h1>

    <p>Welcome to My Web Page!</p>

  </body> 
</html>
styles.css
jamie paterson
.a{fill-rule:evenodd;}techdegree
jamie paterson
Front End Web Development Techdegree Student 155 Points

It didn't work

Anjali Pasupathy
Anjali Pasupathy
28,883 Points
Anjali Pasupathy
Anjali Pasupathy
28,883 Points

That's strange. I copied and pasted the code I had posted in both the html file and the css file just now, and they passed both tasks.

3 Answers

Anjali Pasupathy
Anjali Pasupathy
28,883 Points
Anjali Pasupathy
Anjali Pasupathy
28,883 Points

For this challenge, you need to change the paragraph tags (p) to h1 tags.

<!doctype html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet">
  </head>
  <body>

    <h1>Welcome to My Web Page!</h1>

  </body> 
</html>

To set the h1 color to purple, you need to move to the CSS document, target the h1 tag, and add the key-value pair "color: purple".

h1 {
    color: purple;
}

I hope this helps!

jamie paterson
seal-mask
.a{fill-rule:evenodd;}techdegree
jamie paterson
Front End Web Development Techdegree Student 155 Points
jamie paterson
.a{fill-rule:evenodd;}techdegree
jamie paterson
Front End Web Development Techdegree Student 155 Points

I want to send pics but we can't on here could we go on something so I can show u

Anjali Pasupathy
Anjali Pasupathy
28,883 Points
Anjali Pasupathy
Anjali Pasupathy
28,883 Points

In workspaces, you can create a snapshot of your code. This basically creates a copy of the code you've written, and creates a link that others can follow to that copy. I've created a snapshot of my code, and I've put the link here:

https://w.trhou.se/2vvbien024

I wrote in more detail about how to take a snapshot of your code in a comment in index.html in the above snapshot. If my explanation isn't confusing, could you link a snapshot showing your code?

jamie paterson
seal-mask
.a{fill-rule:evenodd;}techdegree
jamie paterson
Front End Web Development Techdegree Student 155 Points
jamie paterson
.a{fill-rule:evenodd;}techdegree
jamie paterson
Front End Web Development Techdegree Student 155 Points

I did that and I have to do it again