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 ayjanbayramova
ayjanbayramova
100 Points

can't change the colour of of the <h1> TAG on html

hi

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

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

  </body>
</html>
styles.css
Mohamad Fadhli Ismail
Mohamad Fadhli Ismail
11,935 Points
Mohamad Fadhli Ismail
Mohamad Fadhli Ismail
11,935 Points

You haven't put any h1 tags in there

HTML

<body>
<h1>Your heading</h1>
</body>

CSS

h1 {
color: red;
}

2 Answers

Steven Parker
Steven Parker
231,007 Points
Steven Parker
Steven Parker
231,007 Points

It doesn't look like you've written any code yet.

At least give it a "good-faith" attempt.

If you're totally stuck, the "HTML paragraph tag" is the thing that looks like this :point_right: <p>

Also remember when you change a tag, you should also change the corresponding ending tag.

Alexander Alegre
Alexander Alegre
14,340 Points
Alexander Alegre
Alexander Alegre
14,340 Points

It does not seem that you have written any CSS or have any H1 tags. just add H1 tags on the html document and on your styles.css add h1 {color: red;} and switch red to whatever color you'd like. You can also use hex, rgb or rgba to get a more exact color. That will style all of the H1 tags on the document, if you only want to style a specific one give it an id or a class and on the CSS switch h1 with #id or .class

Hope this helped.