樣式表不會鏈接到htm

-1

我認爲它與我的文件位置有關，但似乎無法獲得由我的教師提供的樣式表以鏈接到我的html文檔。樣式表不會鏈接到htm

這裏的HTML

<!DOCTYPE html> 
<html> 
<center> 
<head> 
<!-- The J-Prop Shop Sample Page 
Author: Bethany Robinson 
Date: 9/8/2014 
--> 
<title>The J Prop shop</title> 
<link rel="stylesheet" type="text/css" href="JP.css"> 
</head> 

<body> 
<header> 
<hgroup> 
<center><h1>The J-Prop Shop</h1> 
<h2>Quality Juggling and Circus Props</h2></center> 
</hgroup> 
</header> 

<section> 
<article> 
<h2> Welcome</h2> 
<p>If you're looking for high-quality, hand-crafted juggling and circus products, the J-Prop Shop is  the store for you. I've designed and built props for the past 35 years, and my products have been used by professional entertainers and hobbyists throughout the world. Our prices are reasonable and our quality is excellent.</p 
</article> 

<article> 
<h2>Specials This Month</h2> 
<p>The following devil sticks are available at a special discount for the entire month of September: 
</p>  
<ul> 
<li><b>Basic Stick </b>(<i>$19.95</i>) The easiest stick to learn with, but "grippy" enough for the most demanding tricks.<bR>Comes in:<font color="red"> Red</font>, <font color="green"> Green</font>, & <font color="blue"> Blue</font>. 
</li> 
<li><b>Flower Stick</b> (<i>$24.95</i>) A graceful stick with colored tassels. Flower Sticks float slowly, making them ideal for begginners. 
</li> 
<li><b>Master Stick</b> (<i>$39.95</i>) Most popular stick is shorter and heavier for fast play and more advanced tricks. Each Master Stick is available in custom colors. 
</li> 
<li><b>Glow Stick</b> (<i>$29.95</i>) The Glow Stick shines brightly at night (without the danger of a fire stick). 
</ul> 
</article> 

<article> 
<h2>Quality Tested</h2> 
<p>Every item I create is checked and tested before being shipped out to assure perfect quality. I take pride in every one of my juggling props and want my customers to feel that same pride. 
</article> 
</section> 

<aside> 
<h2>Customer Comments</h2> 
<p>Here are a few select quotes from our happy family of customers and associates: "</p> 
</aside> 

<footer> 
<address> 
<small>The J-Prop Shop<br> 541 West Highland Drive<br>Auburn, NE 04210<br>(207)-555-9001</small> 
</address> 
</footer> 

</body> 
</center> 
</hmtl>

這是一個簡單的代碼真的，但無論出於何種原因，當我在瀏覽器中查看它的樣式不會加載代碼。 .css和.html文件都位於桌面上的文件夾中。有什麼問題？

來源

2014-09-13 Bethany.htm

是與'html'頁面路徑相同的'css'文件嗎？ – NoobEditor 2014-09-13 04:15:42

在瀏覽器中點擊F12鍵。它列出了哪些錯誤？另外，'

'是[已棄用]（https://developer.mozilla.org/en-US/docs/Web/HTML/Element/center），並且只有在** 元素中才屬於**堅持使用它。 – 2014-09-13 05:14:52

您是否將操作系統與區分大小寫的文件系統配合使用？在這種情況下，檢查css文件名爲JP.css而不是jp.css。

您還沒有提及您的瀏覽器的名稱和版本。嘗試更正</hmtl>至</html>並刪除<html>和<head>標記之間的<center>標記。

來源

2014-09-13 04:46:10 kums

我改變了這兩件事，但它仍然無法正常工作，我正在使用Google Chrome版本37.0.2062.120，謝謝。 – 2014-09-13 05:01:33