Linking css and html files

Question

I am at my wit's end trying to link my CSS stylesheet to my HTML file, any and all help would be greatly appreciated!

they are in the same folder
my ide of choice is notepad++ (if that makes a difference)
the naming of each file is correct
I have tried multiple browsers

my code is as follows:

<!DOCTYPE html>
<html>
<head>

    <title>Christian Potts' Virtual Resume</title>
    <style>
     <link rel = "stylesheet"
      type = "text/css"
      href = "style.css" />

    </style> 
</head>

<body>

<h1>Hello World</h1>

</body>

</html>

stylesheet:

/* style.css */

h1 {
    color: Blue;
}

Konstantin Kreft · Accepted Answer · 2017-07-22 22:18:10Z

1

Remove the <style> tags around your <link> tag.

The <style> tag is used to define style information for an HTML document as known as CSS. Inside the <style> element you specify how HTML elements should render in a browser by writing CSS.

In a <style> your write pure CSS. You can't link your stylesheet inside a <style> tag.

You should end up with this:

<!DOCTYPE html>
<html>
<head>
    <title>Christian Potts' Virtual Resume</title>
    <link rel="stylesheet"
      type="text/css"
      href="style.css" />
</head>

<body>

<h1>Hello World</h1>

</body>

</html>

edited Jul 22, 2017 at 22:18

answered Jul 22, 2017 at 22:13

Konstantin Kreft

6235 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Konstantin Kreft Over a year ago

You're welcome. BTW welcome to StackOverflow. It is appreciated to accepted the answer which is working for you. Voting is also appreciated.

Priya · Accepted Answer · 2017-07-22 22:21:16Z

0

Remove <style> tag which is wrapped around <link> tag.

edited Jul 22, 2017 at 22:21

answered Jul 22, 2017 at 22:16

Priya

1,5541 gold badge14 silver badges33 bronze badges

Comments

Elisa L · Accepted Answer · 2017-07-23 06:22:58Z

0

Your tag should be in the head tag, not the style tag

So it would be as followed:

<!DOCTYPE html>
<html>
    <head>
        <title>Christian Potts' Virtual Resume</title>
        <link rel = "stylesheet" type = "text/css" href = "style.css" />
    </head>

    <body>

        <h1>Hello World</h1>
    </body>

</html>

answered Jul 23, 2017 at 6:22

Elisa L

3221 gold badge2 silver badges13 bronze badges

Collectives™ on Stack Overflow

Linking css and html files

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related