title: Why are the local .css files and .js file not linked to the index.html file?
body: <p>I am using node.js and trying send the .html file contains these tags:</p>
  
  <pre class="lang-xml prettyprint-override"><code>&lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;
  &lt;meta name="description" content="This is my personal profile website" /&gt;
  &lt;link rel="stylesheet" type="text/css" href="profile_design.css" /&gt;
  &lt;link rel="stylesheet" href="jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" /&gt;
  
  &lt;script type="text/javascript" src="jquery-1.7.1.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.pack.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="profile.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Here is the HTTP server in node.js :</p>
  
  <pre class="lang-js prettyprint-override"><code>var fs = require('fs');
  var http =  require ('http');
  http.createServer(function (request, response) {
  
      console.log('request starting...');
  
      fs.readFile('C:/Users/.../index.html', function(error, content) {
          if (error) {
  
              response.writeHead(500);
              response.end();
          } else {
              //response.writeHead(200, { 'Content-Type': 'text/html' });
              response.end(content, 'utf-8');
          }
  
          console.log(error);
      });
  
  }).listen(8080);
  </code></pre>
  
  <p>The problem is that the index.html file is return in good manner but all the JavaScript files and the CSS are not sent correctly to the client side. The question is how to send those .js and .css files?</p>