title: Why is this HTML showing up as plain text in browser?
body: <p>I've been stumped on this for a while. I can't even find a similar scenario online. I have an HTML file from my professor that the browser interprets as plain text. Can someone tell me why?</p>
  
  <p>Browser: Google Chrome Version 61.0.3163.79 (Official Build) (64-bit)</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!-- saved from url=(0062)http://csf11.acs.uwosh.edu/371-17/demos/helloworld/square.html --&gt;
  &lt;html&gt;
  
  &lt;head&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;div class="line-gutter-backdrop"&gt;&lt;/div&gt;
    &lt;table&gt;
      &lt;tbody&gt;
        &lt;tr&gt;
          &lt;td class="line-number" value="1"&gt;&lt;/td&gt;
          &lt;td class="line-content"&gt;&lt;span class="html-comment"&gt;&amp;lt;!--square.html--&amp;gt;&lt;/span&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="line-number" value="2"&gt;&lt;/td&gt;
          &lt;td class="line-content"&gt;&lt;span class="html-doctype"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="line-number" value="3"&gt;&lt;/td&gt;
          &lt;td class="line-content"&gt;&lt;span class="html-tag"&gt;&amp;lt;html&amp;gt;&lt;/span&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="line-number" value="4"&gt;&lt;/td&gt;
          &lt;td class="line-content"&gt;&lt;br&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="line-number" value="5"&gt;&lt;/td&gt;
          &lt;td class="line-content"&gt;&lt;br&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="line-number" value="6"&gt;&lt;/td&gt;
          &lt;td class="line-content"&gt; &lt;span class="html-tag"&gt;&amp;lt;script &lt;span class="html-attribute-name"&gt;id&lt;/span&gt;="&lt;span class="html-attribute-value"&gt;vertex-shader&lt;/span&gt;" &lt;span class="html-attribute-name"&gt;type&lt;/span&gt;="&lt;span class="html-attribute-value"&gt;x-shader/x-vertex&lt;/span&gt;"&amp;gt;&lt;/span&gt;
          &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="line-number" value="7"&gt;&lt;/td&gt;
          &lt;td class="line-content"&gt; // GLSL vertex shader code&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="line-number" value="8"&gt;&lt;/td&gt;
          &lt;td class="line-content"&gt; attribute vec4 vPosition; &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="line-number" value="9"&gt;&lt;/td&gt;
          &lt;td class="line-content"&gt;&lt;br&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="line-number" value="10"&gt;&lt;/td&gt;
          &lt;td class="line-content"&gt; void main()&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="line-number" value="11"&gt;&lt;/td&gt;
          &lt;td class="line-content"&gt; {&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="line-number" value="12"&gt;&lt;/td&gt;
          &lt;td class="line-content"&gt; gl_Position = vPosition; &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="line-number" value="13"&gt;&lt;/td&gt;
          &lt;td class="line-content"&gt; }&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="line-number" value="14"&gt;&lt;/td&gt;
          &lt;td class="line-content"&gt; &lt;span class="html-tag"&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="line-number" value="15"&gt;&lt;/td&gt;
          &lt;td class="line-content"&gt;&lt;br&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="line-number" value="16"&gt;&lt;/td&gt;
          &lt;td class="line-content"&gt; &lt;span class="html-tag"&gt;&amp;lt;script &lt;span class="html-attribute-name"&gt;id&lt;/span&gt;="&lt;span class="html-attribute-value"&gt;fragment-shader&lt;/span&gt;" &lt;span class="html-attribute-name"&gt;type&lt;/span&gt;="&lt;span class="html-attribute-value"&gt;x-shader/x-fragment&lt;/span&gt;"&amp;gt;&lt;/span&gt;
          &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="line-number" value="17"&gt;&lt;/td&gt;
          &lt;td class="line-content"&gt; // GLSL fragment shader code&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="line-number" value="18"&gt;&lt;/td&gt;
          &lt;td class="line-content"&gt; precision mediump float;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="line-number" value="19"&gt;&lt;/td&gt;
          &lt;td class="line-content"&gt;&lt;br&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="line-number" value="20"&gt;&lt;/td&gt;
          &lt;td class="line-content"&gt; void main()&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="line-number" value="21"&gt;&lt;/td&gt;
          &lt;td class="line-content"&gt; {&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="line-number" value="22"&gt;&lt;/td&gt;
          &lt;td class="line-content"&gt; gl_FragColor = vec4( 1.0, 1.0, 1.0, 1.0 );&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="line-number" value="23"&gt;&lt;/td&gt;
          &lt;td class="line-content"&gt; }&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="line-number" value="24"&gt;&lt;/td&gt;
          &lt;td class="line-content"&gt; &lt;span class="html-tag"&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="line-number" value="25"&gt;&lt;/td&gt;
          &lt;td class="line-content"&gt;&lt;br&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="line-number" value="26"&gt;&lt;/td&gt;
          &lt;td class="line-content"&gt; &lt;span class="html-comment"&gt;&amp;lt;!--Include A/S WebGL support libraries--&amp;gt;&lt;/span&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="line-number" value="27"&gt;&lt;/td&gt;
          &lt;td class="line-content"&gt; &lt;span class="html-tag"&gt;&amp;lt;script &lt;span class="html-attribute-name"&gt;type&lt;/span&gt;="&lt;span class="html-attribute-value"&gt;text/javascript&lt;/span&gt;" &lt;span class="html-attribute-name"&gt;src&lt;/span&gt;="&lt;a class="html-attribute-value html-resource-link" target="_blank"
              href="http://csf11.acs.uwosh.edu/371-17/demos/Common/webgl-utils.js"&gt;../Common/webgl-utils.js&lt;/a&gt;"&amp;gt;&lt;/span&gt;&lt;span class="html-tag"&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="line-number" value="28"&gt;&lt;/td&gt;
          &lt;td class="line-content"&gt; &lt;span class="html-tag"&gt;&amp;lt;script &lt;span class="html-attribute-name"&gt;type&lt;/span&gt;="&lt;span class="html-attribute-value"&gt;text/javascript&lt;/span&gt;" &lt;span class="html-attribute-name"&gt;src&lt;/span&gt;="&lt;a class="html-attribute-value html-resource-link" target="_blank"
              href="http://csf11.acs.uwosh.edu/371-17/demos/Common/initShaders.js"&gt;../Common/initShaders.js&lt;/a&gt;"&amp;gt;&lt;/span&gt;&lt;span class="html-tag"&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="line-number" value="29"&gt;&lt;/td&gt;
          &lt;td class="line-content"&gt; &lt;span class="html-tag"&gt;&amp;lt;script &lt;span class="html-attribute-name"&gt;type&lt;/span&gt;="&lt;span class="html-attribute-value"&gt;text/javascript&lt;/span&gt;" &lt;span class="html-attribute-name"&gt;src&lt;/span&gt;="&lt;a class="html-attribute-value html-resource-link" target="_blank"
              href="http://csf11.acs.uwosh.edu/371-17/demos/Common/MV.js"&gt;../Common/MV.js&lt;/a&gt;"&amp;gt;&lt;/span&gt;&lt;span class="html-tag"&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="line-number" value="30"&gt;&lt;/td&gt;
          &lt;td class="line-content"&gt; &lt;span class="html-tag"&gt;&amp;lt;script &lt;span class="html-attribute-name"&gt;type&lt;/span&gt;="&lt;span class="html-attribute-value"&gt;text/javascript&lt;/span&gt;" &lt;span class="html-attribute-name"&gt;src&lt;/span&gt;="&lt;a class="html-attribute-value html-resource-link" target="_blank"
              href="http://csf11.acs.uwosh.edu/371-17/demos/Common/webgl-debug.js"&gt;../Common/webgl-debug.js&lt;/a&gt;"&amp;gt;&lt;/span&gt;&lt;span class="html-tag"&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="line-number" value="31"&gt;&lt;/td&gt;
          &lt;td class="line-content"&gt; &lt;span class="html-tag"&gt;&amp;lt;script &lt;span class="html-attribute-name"&gt;type&lt;/span&gt;="&lt;span class="html-attribute-value"&gt;text/javascript&lt;/span&gt;" &lt;span class="html-attribute-name"&gt;src&lt;/span&gt;="&lt;a class="html-attribute-value html-resource-link" target="_blank"
              href="http://csf11.acs.uwosh.edu/371-17/demos/helloworld/square.js"&gt;square.js&lt;/a&gt;"&amp;gt;&lt;/span&gt;&lt;span class="html-tag"&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="line-number" value="32"&gt;&lt;/td&gt;
          &lt;td class="line-content"&gt;&lt;br&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="line-number" value="33"&gt;&lt;/td&gt;
          &lt;td class="line-content"&gt; &lt;span class="html-tag"&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="line-number" value="34"&gt;&lt;/td&gt;
          &lt;td class="line-content"&gt; &lt;span class="html-tag"&gt;&amp;lt;canvas &lt;span class="html-attribute-name"&gt;id&lt;/span&gt;="&lt;span class="html-attribute-value"&gt;gl-canvas&lt;/span&gt;" &lt;span class="html-attribute-name"&gt;width&lt;/span&gt;="&lt;span class="html-attribute-value"&gt;512&lt;/span&gt;" &lt;span class="html-attribute-name"&gt;height&lt;/span&gt;="
            &lt;span
              class="html-attribute-value"&gt;512&lt;/span&gt;"&amp;gt;&lt;/span&gt;&amp;gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="line-number" value="35"&gt;&lt;/td&gt;
          &lt;td class="line-content"&gt; Oops ... your browser doesn't support the HTML5 canvas element&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="line-number" value="36"&gt;&lt;/td&gt;
          &lt;td class="line-content"&gt; &lt;span class="html-tag"&gt;&amp;lt;/canvas&amp;gt;&lt;/span&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="line-number" value="37"&gt;&lt;/td&gt;
          &lt;td class="line-content"&gt; &lt;span class="html-tag"&gt;&amp;lt;/body&amp;gt;&lt;/span&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="line-number" value="38"&gt;&lt;/td&gt;
          &lt;td class="line-content"&gt;&lt;span class="html-tag"&gt;&amp;lt;/html&amp;gt;&lt;/span&gt;&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td class="line-number" value="39"&gt;&lt;/td&gt;
          &lt;td class="line-content"&gt;&lt;span class="html-end-of-file"&gt;&lt;/span&gt;&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>