2016-05-30 6 views
0

Я знаю, что это так просто, но я изучаю HTML и CSS самостоятельно. В разделе навигации он обычно ссылается на вкладки «Главная», «О», «Контакт» и т. Д., И большинство из них содержит ul; li, href-тэги, чтобы иметь ссылки подчеркивания и переводит вас на связанную секцию/вкладку. Не знаю, чего мне не хватает или что-то не так. Вот здесь код 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> 
Смежные вопросы