title: Who does my script tag effect the page rendering?
body: <p>I've got this code:</p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"&gt;
          &lt;script type="text/javascript" href="http://code.jquery.com/jquery-1.5.min.js" /&gt;
          &lt;title&gt;JQuery Demo 1&lt;/title&gt;
          &lt;style type="text/css"&gt;
              #box
              {
                  background-color: #ff0000;
              }
          &lt;/style&gt;
          &lt;script type="text/javascript"&gt;
  
  
          &lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div id="box"&gt;----Text----!&lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>When I include the Jquery file from Google, the div "box" stops being red.  When I remove the JQuery file, it becomes red again.  WHY?</p>