title: html classes are changed to Attributes
body: <p>i'm trying to send an html code to database and then show the code in index.php 
  this is what i use to send the html code to DB:</p>
  
  <blockquote>
    <p>when i quote the attributes i get sql syntax error</p>
  </blockquote>
  
  <pre><code>$result = "          &lt;li&gt;
                  &lt;a href=$Link class=external item-link item-content&gt;
                    &lt;div class=item-media&gt;&lt;img src=$f_image class=lazy lazy-fade-in style=border-radius: 10px; width=42px height=42px&gt;&lt;/div&gt;
                    &lt;div class=item-inner&gt;
                      &lt;div class=item-title&gt;
                        $Name &lt;span class=test-bull&gt;&amp;bull;&lt;/span&gt;
                        &lt;div class=item-footer&gt;$Info&lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class=item-after&gt;&lt;/div&gt;
                    &lt;/div&gt;
                  &lt;/a&gt;
                &lt;/li&gt;
  
                ";
  
  $sql = "INSERT INTO table1 (test) VALUES ('$result')";
  
  if ($conn-&gt;query($sql) === TRUE) {
      echo "New record created successfully";
  }else {
      echo "Error: " . $sql . "&lt;br&gt;" . $conn-&gt;error;
  }
  </code></pre>
  
  <p>and this is what i use to show the code in index.php:</p>
  
  <pre><code>&lt;?php
  
        $sql = "SELECT test FROM table1";
         $result = $conn-&gt;query($sql);
  
   if ($result-&gt;num_rows &gt; 0) {
      // output data of each row
       while($row = $result-&gt;fetch_assoc()) {
       echo $row ["test"];
   }
   } else {
      echo "0 results";
  }
  
                ?&gt;
  </code></pre>
  
  <p>now as you can see there is more than one class in my html code:</p>
  
  <pre><code>&lt;a href=$Link class=external item-link item-content&gt;
  </code></pre>
  
  <p>the problem is when i get the html code from database and show it in index.php the class are changed to attributes like this:</p>
  
  <pre><code>&lt;li&gt;
                  &lt;a href="test" class="external" item-link="" item-content=""&gt;
                    &lt;div class="item-media"&gt;&lt;img src="img/2ff4e.aa.png" class="lazy" lazy-fade-in="" style="border-radius:" 10px;="" width="42px" height="42px"&gt;&lt;/div&gt;
                    &lt;div class="item-inner"&gt;
                      &lt;div class="item-title"&gt;
                        test &lt;span class="test-bull"&gt;•&lt;/span&gt;
                        &lt;div class="item-footer"&gt;test&lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="item-after"&gt;&lt;/div&gt;
                    &lt;/div&gt;
                  &lt;/a&gt;
                &lt;/li&gt;
  </code></pre>
  
  <p>those two class item-link and item-content are now item-link="" and item-content=""</p>
  
  <p>what i did wrong? what i have to change/do?</p>
  
  <p>sorry for my english</p>