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

mohamed noor
mohamed noor
74 Points
Posted by mohamed noor
mohamed noor
74 Points

colour html

i was not able to change the colour in html

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

    <h1 color="purple">Welcome to My Web Page!</h1>

  </body>
</html>
styles.css

1 Answer

Calin Bogdan
Calin Bogdan
14,921 Points
Calin Bogdan
Calin Bogdan
14,921 Points

Hi!

When required to create a selector, you have to add a block of code on the .css file. Therefore, you should add a selector in the styles.css file for the h1 element and change its color, like so: 

h1  {
    color: purple
}

Good luck!

Andrew Broderick
Andrew Broderick
7,454 Points
Andrew Broderick
Andrew Broderick
7,454 Points

Alternatively if you want to do inline styling like you're trying to do here, you can do so like this:

<h1 style="color: purple">Welcome to My Web Page!</h1>

The style attribute is used to add many styles. For example, you can write:

<h1 style="color: purple; font-size: 16px; margin-left: 30px">Welcome to My Web Page!</h1>

Although i would highly recommend using an external stylesheet as previously mentioned.

Obviously this site has countless resources but you can also check out W3schools.