title: How do websites keep the header on every page if the header is in html?
body: <p>So, I'm trying to make a website, but the problem is I can't find the most effective way to keep the header on every single page. My header is HTML code, and it is the most important source of navigation on the website. The tabs navigate using links to other HTML files (all located locally on my computer) and so every single new page is another separate HTML file. Here are the many different methods I used that all fell short in one way or another:</p>
  
  <ol>
  <li>The most basic way: Copying the header code to EVERY HTML page on the website. <br> I am currently using this method, and it is probably the most ineffective and stupid method ever. The downside (which is pretty obvious) is that not only is it tedious but every time I make a change to the header (like maybe add different menus, add another tab, change the image, etc.) I have to copy the new header code to everything else. That is ridiculous!!</li>
  <li>I tried using the w3schools method of implementing a separate HTML file (with only the HTML code) onto the page HTML files. So, I have this 1 HTML file for the header that every page uses so I make a change in that one file and it automatically applies to everything else. However, it didn't let me organize the numerous HTML files effectively because unlike referencing a stylesheet like some file named 'style.css', it doesn't let me put the HTML sheet in a folder that doesn't share the same parent folder as the referencing HTML page files. Hopefully that made sense, but basically, I couldn't get a folder that separated the HTML menu tab files ("pages") and the HTML content files ("posts") without the w3school code failing. Here's the link: <a href="https://www.w3schools.com/howto/howto_html_include.asp" rel="nofollow noreferrer">https://www.w3schools.com/howto/howto_html_include.asp</a></li>
  <li>I've seen other options on Stackoverflow, like getting around the "can't implement HTML files" by using js files with html code in a document.write(), but this to me is very hard to use because of all my progress so far. Also, I am very uncomfortable with the idea of using document.write because it is probably still very different from a true html file. Seriously, why is there no HTML implementing system that stylesheets and scripts have??? (script src="b.js" script and link rel="stylesheet" href="css/style.css" type="text/css")</li>
  <li>Using jQuery. I understand this the least (being an amateur programmer) but I've heard it isn't consistent either. It doesn't seem to work on a local file, and that sounds like a nightmare. Though, if there are good suggestions, having a jquery file tag along seems not the best solution but still a plausible solution. </li>
  </ol>
  
  <p>So, I'm in great trouble. How do other websites do this?  Do they use different files??? Do they use PHP files?? Am I going to have to scrap all my hard header HTML work and styling because PHP is another language??  Do I have to use Angular.js???  This is so complicated! </p>
  
  <p>Hopefully, this question made some sense. Please ask if you have questions. Thanks in advance.</p>
  
  <p><strong>UPDATE</strong>
  After checking numerous other posts on Stackoverflow suggesting PHP, I got my HTML files and then renamed it from "index.html" to "index.php", and holy macro it actually still behaved like an HTML file even if it wasn't!! Now I need to find a way to put:</p>
  
  <pre><code>    include("header.php");
  </code></pre>
  
  <p>into my page PHP files that are <em>actually</em> in HTML code to reference a separate PHP file that has my header. How do I do that?  Does it belong in like script tags or something? <strong>How do I add PHP code in a PHP file written in HTML code?</strong> Thanks for the answers to my previous question, I'm so sorry I should've read the answers on Stackoverflow more thoroughly first.</p>