2017-03-23 77 views
0

這裏我的問題是,我有一個菜單,我在HTML中與身體的一些鏈接,但是當我得到另一個標籤後,最後一個鏈接的導航標籤聯繫人似乎仍然保持鏈接沒有我這樣做。我環顧了谷歌,似乎無法找到任何鏈接仍然存在,沒有我特別鏈接在一個。自從我最近開始使用html以來,我覺得這很可能是我對基礎知識的理解。 下面是代碼:html代碼鏈接不應該在哪裏?

<html> 

    <head> 
     <title>Company</title> 
     <link rel="stylesheet" href="Style.css"> 
    </head> 

    <body> 
     <nav id="menu"> 
      <ul> 
       <li><a href="Home.html">Home</li> 
       <li><a href="Products.html">Products</li> 
       <li><a href="About Us.html">About us</li> 
       <li><a href="Contact.html">Contact us</li> 
      </ul> 
     </nav> 
     <h1>1</h1> 
    </body> 

</html> 

我的樣式表,如果發生問題

#menu nav{ 
    position:fixed; 

    margin:0; 
    padding:0; 
    border:0; 

} 

#menu ul{ 
    list-style:none; 
    margin:0; 
    padding:0; 
    display:flex; 
    border:2px; 
    border-style:solid; 
    background-color:#ccc; 
    justify-content:space-around; 
} 

#menu ul li{ 
    display:inline; 

    margin:0; 
    padding:0; 
} 

#menu li a{ 
    display:inline-block; 
    list-style:none; 
    margin:0; 
    padding:0; 
    border:0; 
    text-decoration:none; 
    font-size:2em; 
    color:blue; 
} 

#menu li a:hover{ 
    margin:0; 
    padding:0; 
    border:0; 
    text-decoration:underline; 
    color:#cdg; 

} 
+0

我覺得你寫的代碼在一些文本編輯器,請使用一些IDE,以便您可以輕鬆學習 – Dilip

回答

5

你缺少你爲每個鏈接的收盤收盤L1標籤前添加一個關閉一個標籤。

更新:

<li><a href="Home.html">Home</li> 
<li><a href="Products.html">Products</li> 
<li><a href="About Us.html">About us</li> 
<li><a href="Contact.html">Contact us</li> 

要:

<li><a href="Home.html">Home</a></li> 
<li><a href="Products.html">Products</a></li> 
<li><a href="About Us.html">About us</a></li> 
<li><a href="Contact.html">Contact us</a></li> 
+0

They are not self closing): . Links consist of an opening tag some text or image and then a closing你所看到的是轉到h1標籤,因爲鏈接沒有關閉。 您可能已經熟悉這個資源,但是:https://www.w3schools.com/html/html_links.asp – Squeakasaur

+0

哇,我覺得自己很蠢,感謝 – user3261619

1

您使用的標籤通常指定的鏈接有?:。通過添加href =「某個位置」,這將使得當點擊文本時,您被重定向到該鏈接。

如果刪除HREF =「Contact.html」它不會在任何地方連接。

您還需要結束你的鏈接,每行

+0

對,我想我可能沒有描述足夠具體地解決我的問題。由於某種原因,最後一個鏈接被推入其他鏈接,因爲我期望他們 – user3261619

+0

你只需要關閉你的鏈接,這將被修復。編輯以包括 –

+0

。 –

1

你缺少的</a>結束標記,它應該是如下代碼

 <li><a href="Home.html">Home</a></li> 
     <li><a href="Products.html">Products</a></li> 
     <li><a href="About Us.html">About us</a></li> 
     <li><a href="Contact.html">Contact us</a></li> 
相關問題