Linking HTML file and CSS file

Question

I am currently learning HTML and I was trying to create an external CSS file. But when I try to link them together I keep getting a 404 error saying that the css file cannot be found. Both the HTML and CSS file is in the same folder. I am using Notepad++.

<html>
<head>
<link rel="stylesheet" type="text/css" href="global.css">
</head>
<body>
<form>
<ul>
    <li><h1>Member Login</h1></li>
    <li><label for="fname">First Name</label>
<input type="text" id="fname" name="firstname" placeholder="Your name.."></li>
    <li>Password</li>
    <li>Submit</li>
    <li>Forgot Password</li>
</ul>
</form>


</body>
</html>

login and index are the 2 html files and global is the css file. I've checked each file properties to make sure they are html and css files respectively — evogamer, Dec 08 '22 at 15:10
Try doing a hard refresh on your browser. As for my approach, I tend to keep my stylesheets in a `/static` directory, where I can then just some Jinja `` but you shouldn't have to do this. — Undesirable, Dec 08 '22 at 15:11

ThefutureProf · Answer 1 · 2022-12-08T14:46:23.487

0

This is your code from the third line

<link rel="stylesheet" type="text/css" href="global.css">

you forgot to add a back slash

'<link rel="stylesheet" type="text/css" href="global.css" />

Reference: https://www.freecodecamp.org/news/how-to-link-css-to-html/

edited Dec 08 '22 at 14:46

answered Dec 08 '22 at 14:44

ThefutureProf

9
2

I added a backslash and it's still showing me a 404 error of css not being found. – evogamer Dec 08 '22 at 14:54
Try giving the absolute path(you know C:\Users\XXX\XXX\myfirstwebsite\styles.css) of the css file. Also once again check if the css file is in a different folder than your html file. If it, great, if not you either move it to the same folder or give the absolute path. – ThefutureProf Dec 09 '22 at 17:33

score -1 · Answer 2 · answered Dec 08 '22 at 14:43

-1

Type the path of the CSS file wherever you have saved it correctly in the html file.

 Hope it helps

answered Dec 08 '22 at 14:43

Akshat Kushwaha

1
1

score -1 · Answer 3 · answered Dec 08 '22 at 14:47

-1

You forgot the closing tag in the link tag it should go

<link rel="stylesheet" type="text/css" href="global.css"/>

answered Dec 08 '22 at 14:47

Rino Zupa

1

I just added it and it is still giving me a 404 error not found. – evogamer Dec 08 '22 at 14:55

Linking HTML file and CSS file

3 Answers3