HTML鏈接不工作 - 這應該不難

-1

這是鏈接到工作樣品完全功能的網頁。我添加了一些XML工作，並且該鏈接將不起作用。我無法弄清楚爲什麼。我很抱歉，如果這是明顯的事情。謝謝！HTML鏈接不工作 - 這應該不難

<!DOCTYPE html> 
<html> 
    <head> 
     <link type="text/css" rel="stylesheet" href="stylesheet.css"/> 
     <title></title> 
    </head> 
    <body> 
     <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
     <center> 
      <a href="C++/index.html"><div class="friend"><p>C++</p></div></a> 
      <a href="SQL/index.html"><div class="family"><p>SQL</p></div></a> 
      <a href="OS/index.html"><div class="enemy"><p>OS</p></div></a> 
      <a href-"XML/index.html"><div class="friend"><p>XML</p></div></a> 
      <a href="Miscellaneous/index.html"><div class="family"><p>Miscellaneous</p></div></a> 
      <a href="http://github.com/"><div class="enemy"><p>GitHub</p></div></a> 




     </center> 
    </body> 
</html>

這是樣式表：

div { 
    position: relative; 
    display: inline-block; 
    height: 100px; 
    width: 100px; 
    border-radius: 100%; 
    border: 2px solid black; 
    margin-left: 5px; 
    margin-top: 5px; 
    text-align: center; 
} 

div p { 
    position: relative; 
    margin-top: 40px; 
    font-size: 16px; 
} 

.friend { 
    border: 4px solid green; 
} 

.family { 
    border: 4px solid blue; 
} 

.enemy { 
    border: 4px solid red; 
} 

a:hover 
{ 
background-color:yellow; 
}

來源

2013-10-16 user1657563

這個問題似乎會偏離的話題，因爲它是關於一個錯字 –

這不是你的實際問題，但你應該使用'margin'和/或'文本align'樣式代替你的''
S的（因爲這在語義上更正確）和'

'（因爲該標籤已被棄用）。 – ajp15243

這是一個錯字問題。您應該在發佈之前更多地檢查您的代碼。 – tanaydin

有在對XML行的href標記一個錯字。

  <a href-"XML/index.html"><div class="friend"><p>XML</p></div></a>

應該

  <a href="XML/index.html"><div class="friend"><p>XML</p></div></a>

來源

2013-10-16 20:48:00

你不應該使用一個div到的標籤。改爲給一個標籤一個類。

來源

2013-10-16 20:47:51 Jonysuise

HTML5現在允許''元件的內部塊級元素。 – ajp15243

我不知道，這很酷！ :) – Jonysuise

<a href-"XML...

應該

<a href="XML...

而且，你的代碼可以使用一些修復（你BR的串令我生厭！）

來源

2013-10-16 20:48:18

這<a href="XML/index.html"><div>而不是<a href-"XML/index.html"><div>

來源

2013-10-16 20:48:56

改變這樣的：

<!DOCTYPE html> 
<html> 
    <head> 
     <link type="text/css" rel="stylesheet" href="stylesheet.css"/> 
     <title></title> 
    </head> 
    <body> 
     <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
     <center> 
      <a href="C++/index.html"><div class="friend"><p>C++</p></div></a> 
      <a href="SQL/index.html"><div class="family"><p>SQL</p></div></a> 
      <a href="OS/index.html"><div class="enemy"><p>OS</p></div></a> 
      <a href="XML/index.html"><div class="friend"><p>XML</p></div></a><!-- You have used here a "-" instead of a "=" --> 
      <a href="Miscellaneous/index.html"><div class="family"><p>Miscellaneous</p></div></a> 
      <a href="http://github.com/"><div class="enemy"><p>GitHub</p></div></a> 




     </center> 
    </body> 
</html>

這裏是問題，你做了一個-代替=：

<a href-"XML/index.html">....

來源

2013-10-16 20:49:36 iCode

你應該指明哪些變化是，而不是使它的OP追捕，並可能錯過它，因爲這是基本相同的問題時，錯字最初提出。 – ajp15243

HTML鏈接不工作 - 這應該不難

回答

相關問題