2016-10-31 29 views
0

爲什麼代碼suddelny的顏色在html頁面代碼的中間變爲紅色和綠色?編輯是支架,它不導致除了它只是惱人的問題,並使得代碼難以辨認:括號中的代碼顏色已更改

https://i.stack.imgur.com/ohsLK.png

謝謝!

以下IM粘貼的index.html,如果這將有助於無論如何

<!DOCTYPE html> 
<html> 
<html lang="pl-PL"> 

<head> 

    <title>Strona Wojciech 12345</title> 

    <!--Polskie znaki--> 
    <meta charset="UTF-8"> 

    <!--CSS--> 
    <link rel="stylesheet" type="text/css" href="style.css"> 


    <!--Fonty--> 
    <link href="https://fonts.googleapis.com/css?family=Amatic+SC|Indie+Flower|Josefin+Sans|Lobster|Passion+One|Righteous|Shadows+Into+Light|Yellowtail" rel="stylesheet"> 



    </head> 

<body> 

    <div class="container"> 

     <!--Skrypty--> 
     <script type="text/javascript">confirm("asdf?") 
     <script type="text/javascript"> 
     <script type="text/javascript">prompt('podaj imie')</script> 

     <div class="dropdown"> 
      <button onclick="myFunction()" class="dropbtn">Menu</button> 
      <div id="myDropdown" class="dropdown-content"> 
      <a href="#">Link 1</a> 
      <a href="#">Link 2</a> 
      <a href="#">Link 3</a> 
      </div> 
     </div> 




     <h1> 
     Witaj na stronie 
     </h1> 

     <div class="floating-box"> 
      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 
     </div> 

     <div class="floating-box"> 
      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 
     </div> 

     <div class="floating-box"> 
      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 
     </div> 

     <div class="floating-box"> 
      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 
     </div> 


     <div id ="firstdiv"> 
     Element sekcji jest imperatywnym elementem strony stworzonej w hipertekstowym języku znaczników HTML5 oraz kaskadowych arkuszach stylu CSS3 
     </div> 

     <section> 
     <a href="https://www.google.pl/?gws_rd=ssl#q=html5" target="_blank"><img src="https://www.w3.org/html/logo/downloads/HTML5_Logo_512.png" height="80" width="80"></a> 

     <a href="https://www.google.pl/?gws_rd=ssl#q=css3" target="_blank"><img src="http://jaspreetchahal.org/images/css3.svg" height="80 width="80"></a> 
     </section> 

     <p>Click the button to display a random number between 1 and 10.</p> 

     <button onclick="myFunction()">Generate random number</button> 

     <p id="demo"></p> 

     <script> 
     function myFunction() { 
      var x = Math.floor((Math.random() * 10) + 1); 
      document.getElementById("demo").innerHTML = x; 
     } 
     </script> 

     <hr> 

     <p> 
      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 
     </p> 

     <hr> 

     <h3>Limes inferior...</h3> 
     <div id = "seconddiv"> 
      "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.""Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." 
     </div> 

     <hr> 


     <div class="floating-box"><ul> 
      <li>jedzenie</li> 
      <li>spanie</li> 
      <li>kodowanie</li> 
     </ul></div> 
     <div class="floating-box"><ul> 
      <li>jedzenie</li> 
      <li>spanie</li> 
      <li>kodowanie</li> 
     </ul></div> 



     <!--skrypt menu--> 

     <script> 
     function myFunction() { 
      document.getElementById("myDropdown").classList.toggle("show"); 
     } 

     window.onclick = function(event) { 
      if (!event.target.matches('.dropbtn')) { 

      var dropdowns = document.getElementsByClassName("dropdown-content"); 
      var i; 
      for (i = 0; i < dropdowns.length; i++) { 
       var openDropdown = dropdowns[i]; 
       if (openDropdown.classList.contains('show')) { 
       openDropdown.classList.remove('show'); 
       } 
      } 
      } 
     } 
     </script> 
</div> 

</body> 

<footer> 
Stopka: Strona by Wojciech 2016 
</footer> 


</html> 
+0

這正是語法高亮是! **它指出語法錯誤**仔細檢查顏色開始變得奇怪,在那裏有一個'''丟失'。 – deceze

+1

看看'height =「80''準確。 – Aer0

+0

我怎麼能錯過!非常感謝你! – Wojciech

回答

1

你編輯語法高亮只是警告你。仔細看看第二個<img>標籤。

height="80 

你錯過了第二次」。

0

其實問題不是img標籤。問題是你錯過了報價符號。

(高度= 「80」 象徵這個問題。) 。img標籤不需要靠近標籤在昇華編輯表示非常helful識別錯誤

例:

<img src="images/example.png" />

+0

「雙精英」...??你的意思是*引號*? [Primes](https://en.wikipedia.org/wiki/Prime_(symbol))是不同的,會是一個語法錯誤。 – deceze

+0

謝謝dexeze ... –