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 Treagan Birbal
Treagan Birbal
83 Points

how do you change colors of heading elements?

its for html quiz

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

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

  </body>
</html>
styles.css

2 Answers

Tracy Excell
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Tracy Excell
Front End Web Development Techdegree Graduate 15,333 Points
Tracy Excell
.a{fill-rule:evenodd;}techdegree seal-36
Tracy Excell
Front End Web Development Techdegree Graduate 15,333 Points

Hello.

Your code should look like this: (remove the <p> and replace with the <h1>)

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

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

</body> </html>

To change the color in the css file write the following code

h1{ color: blue; }

Paula Mourad
Paula Mourad
5,154 Points
Paula Mourad
Paula Mourad
5,154 Points

Hello Treagan!

Here is how your HTML code should look like:

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

    <h1>Welcome to My Web Page!</h1> <!-- Remove the <p> tags -->

  </body>
</html>

Your CSS should say the following:

h1 {
     color: orange;  /* orange is just an example, choose any color you like */
}