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 hanan abdo
hanan abdo
333 Points

omg still its not going i dont know i did wrong really

help again

index.html 
<!doctype html>
<html>
  <head>
h1{
    color:purple;
    }
  </head>
  <body>


  </body>
</html>
styles.css 
h1
{color="purple";
}

3 Answers

Robert Boring
Robert Boring
3,923 Points
Robert Boring
Robert Boring
3,923 Points

In your index.html you want your h1 selector in a <style> element not in a <head> element.

So you want to change

<head>
h1{
    color:purple;
    }
  </head>

To

<style>
h1{
    color:purple;
    }
  </style>

Also in your styles.css you do not need the " " marks around purple and instead of using an '=' equals sign use a ':' colon key instead

h1
{color="purple";
}

You can just do

h1
{color: purple;
}

Hope this helps. Best of luck.

Ella Ruokokoski
Ella Ruokokoski
20,881 Points
Ella Ruokokoski
Ella Ruokokoski
20,881 Points

hi!

You shouldn't alter the index.html-file any more than the tasks ask you to.

The first task asks you to change the <p> tag into a <h1> tag

this is the original index.html

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

    <p>Welcome to My Web Page!</p> <!--THIS LINE NEEDS TO BE CHANGED TO <h1>Welcome to My Web Page</h1> -->

  </body>
</html>

You have removed the h1 tag completely from your code so your css is targeting nothing.

in task 2 you are asked to write css code to change the color of the h1 purple. You should write this code in the style.css-file and leave the index.html-file alone in this task.The style.css-file is linked to the html-file in the head section so your styles will be visible on the page.

your style code seems fine so you can just add it into the style.css-file. 

h1{
color: purple;
}
Michael Lawinger
Michael Lawinger
33,581 Points
Michael Lawinger
Michael Lawinger
33,581 Points

What's the actual question for the challenge and what did the code look like before you started!?

hanan abdo
hanan abdo
333 Points

I TRY TO CHANGE COLOR IN THE HTML TAG BUT IT DIDN'T GO WELL I TRY TO SEARCH EXAMPLES NO AND I TRY TO FIND THE VIDEO NEXT BUTTON STILL IT DOESN'T GOES WELL