How do I link my HTML file to my CSS file?

Question

0.00/5 (No votes)

See more:

I'm trying to create a website but I can't seem to link my html file to the css file.

What I have tried:

I used the basic line of code to link them but it is not working. My css file is called style.css and it is in the same folder as my html file so I do not get where the problem is.
Here is my html code:

<!DOCTYPE html>
<html>
	<head>
		<title>Fashion closet website</title>
		
		<link rel="stylesheet" type="text/css" href="style.css"/>
	
	
	
	</head>
	<body>
		<header>
		<div class="row">
			<div class="logo">
			<img src="logo.jpg"
			</div>
		<ul class="main-nav">
			<li class="active"><a href=""<li><a href=""> HOME </a></li>
			<li><a href=""> SERVICES </a></li>
			<li><a href=""> ABOUT </a></li>
			<li><a href=""> CONTACT </a></li>
			<li><a href=""> NEWS </a></li>
			<li><a href=""> FAQ </a></li>
			
		</ul>
		
		</div>
		
		<div class="pinky">
		<h1>ALL YOU CAN WEAR</h1>
			<div class="button">
				<a href="" class="btn btn-one"> Open closet</a>
				
			</div>
		</div>
	
	
	
	
	
	
	</header>
		
		
		
	
	
	</body>








</html>

HTML

Posted 10-Jun-18 22:44pm

Member 13622474

Updated 2-Jul-18 19:25pm

Add a Solution

Comments

[no name] 11-Jun-18 4:52am

That's the correct way, so the problem must be somewhere else. Does your server allow access to the file?

Jochen Arndt 11-Jun-18 5:06am

Looks OK besides the missing space in front of the slash for the self closing link tag.

Mohibur Rashid 11-Jun-18 6:28am

Can you access http://localhost/style.css

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

W∴ Balboos, *GHB* · Answer 1 · 2018-06-12T02:03:00

Solution 1

Take all of this one step further back.
If the content of your CSS file were place in your actual file (in place of the link), does it work?

Without seeing your CSS file content, we can only hope it is correctly formatted. Not only the content of your classes, but the file, itself.

Posted 12-Jun-18 2:03am

W∴ Balboos, GHB

FireMonkey92 · Answer 2 · 2018-07-02T19:25:00

Run Your Website , right click and select "View Page Source" (if u r using google chrome) and click on the href link you provided for your css file. it should open your css file. if it loads it means u successfully loaded ur css file and if not, u must be misspelled something or path must be incorrect.

Another thing you can do is that Check weather your css code is in proper structure.

muhammad sufiyan · Answer 3 · 2018-07-02T05:48:00

Solution 2

Posted 2-Jul-18 5:48am

muhammad sufiyan