title: Serve an HTML file including CSS
body: <p>I have this code in a file called index1.html </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;title&gt;Page Title&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;h1&gt;My First Heading&lt;/h1&gt;
  &lt;p&gt;My first paragraph.&lt;/p&gt;
  
  &lt;script src="./testing.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" type="text/css" href="./formats.css" /&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>This is my testing.js file</p>
  
  <pre><code>$(document).ready(function(){
      $("p").click(function(){
          alert("The paragraph was clicked.");
      });
  });
  </code></pre>
  
  <p>This is my formats.css file</p>
  
  <pre><code>body {
      color: blue;
  }
  
  p {
      color: green;
  }
  </code></pre>
  
  <p>I'm hosting the html file on the local host with this file.</p>
  
  <pre><code>var http = require ('http');
  var fs = require('fs');
  var path = require('path');
  var port = '2406';
  
  function send404Response(response){
    response.writeHead(404, {"Content_Type": "text/plain"});
    response.write("Error 404: Page not found!");
    response.end();  
  }
  
  function onRequest(request,response){
    if(request.method == 'GET' &amp;&amp; request.url == '/'){
      response.writeHead(200, {"Content-Type": "text/html"});
      fs.createReadStream(path.join(__dirname, "index1.html")).pipe(response);
  
    } else{
      send404Response(response);
    }
  }
  
  http.createServer(onRequest).listen(port);
  console.log("Server is now running on port 2406...");
  </code></pre>
  
  <p>When I run running.js in node it doesn't include any of the formatting or the Jquery when I go to the local host. I'm wondering why this is the case and what I can do to fix it.</p>