2016-10-31 5 views
0

htmlページコードの途中でコードsuddelnyの色が赤と緑に変わるのはなぜですか?エディタは、ブラケットであり、そのわずか迷惑以外の任意の問題を引き起こすと、コードが読みにくくなりますdoesntの:括弧内のコードカラーが変更されました

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

ありがとうございました!あなたのエディタのシンタックスハイライトがちょうど警告ですとにかく

<!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

それが役立つだろう場合のindex.htmlを貼り付けるイム以下

。 2番目の<img>タグを詳しく見てください。

height="80 

あなたは第二の欠落している」。

0

実際に問題のimgないタグ。問題は、あなたが見逃している引用記号である。

(高さ= "80" のシンボル、この問題。) imgタグ不要近いタグのエラーを識別することに非常にhelful示す崇高なエディタで

例:。。

<img src="images/example.png" />
これは、構文の強調表示が何のためにあるのかを正確にある

+0

"ダブルプライム" ...?あなたは* quotes *を意味しますか? [Primes](https://en.wikipedia.org/wiki/Prime_(symbol))は異なるもので、構文エラーです。 – deceze

+0

ありがとうdexeze ... –

関連する問題