2016-05-30 271 views
0

我知道這很簡單,但我自己學習HTML和CSS。在導航部分,它通常鏈接Home,About,Contact等選項卡,其中大多數包含ul; li,一個href標籤,有下劃線的鏈接並帶你進入正在鏈接的section/tab。不知道我錯過了什麼或做錯了什麼。這裏是html代碼。導航鏈接沒有鏈接

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 


    <title>Home Cleaning Services in the SF Bay Area</title> 


    <!-- Custom styles for this template --> 
    <link href="css/style.css" rel="stylesheet"> 
    </head> 

    <body> 
    <header> 
     <img src="Images/SparklingCleanLogo.jpg" class=ImageLogo> 
     <!--This is the menu bar--> 

     <nav> 
      <ul> 
       <li a href="index.html">Home</a></li> 
       <li a href="About.html">About US</a></li> 
       <li a href="Services.html">Services</a></li> 
       <li a href="Rates.html">Rates</a></li> 
       <li a href="contact.html">Contact US</a></li> 
      </ul> 
     </nav> 



    </header> 
    <h2>We Talk Cleaning</h2> 
    <p>Sparkling Cleaning is a dedicated family business in the home cleaning business. We have experience in different types of cleaning needs for all home sizes and offices. We work hard to provide you with a spotless place for your place.</p> 

    <img src="Images/Clean-house.jpg"> 

    </body> 

    <footer>All Rights Reserved 2016</footer> 
</html> 

回答

0

更改爲

<li><a href="index.html">Home</a></li> 
0

你缺少一些支架在這段代碼:

<li a href="index.html">Home</a></li> 

這裏被修正版本:

<li><a href="index.html">Home</a></li> 

您需要改變你的所有li個元素,所以最終版本將是:

<li><a href="index.html">Home</a></li> 
<li><a href="About.html">About US</a></li> 
<li><a href="Services.html">Services</a></li> 
<li><a href="Rates.html">Rates</a></li> 
<li><a href="contact.html">Contact US</a></li> 
+0

現在聯繫US.html,About Us.html和Rates.html將鏈接帶到不同頁面的所有主體內容。以下是html代碼: –

0

標籤具有獨立使用,所以它應該像下面:

<nav> 
     <ul> 
      <li><a href="index.html">Home</a></li> 
      <li><a href="About.html">About US</a></li> 
      <li><a href="Services.html">Services</a></li> 
      <li><a href="Rates.html">Rates</a></li> 
      <li><a href="contact.html">Contact US</a></li> 
     </ul> 
    </nav> 
+0

非常感謝。我知道這件事很簡單,我沒有看到它。對此,我真的非常感激! –

0

變化

<li a href="index.html">Home</a></li> 
<li a href="About.html">About US</a></li> 
<li a href="Services.html">Services</a></li> 
<li a href="Rates.html">Rates</a></li> 
<li a href="contact.html">Contact US</a></li> 

<li><a href="index.html">Home</a></li> 
<li><a href="About.html">About US</a></li> 
<li><a href="Services.html">Services</a></li> 
<li><a href="Rates.html">Rates</a></li> 
<li><a href="contact.html">Contact US</a></li>