 <p>There are a few ways to do this:</p> <p>1) PHP: Using PHP, you can simply include an html file into another one</p> <pre><code>&lt;?php include('fileOne.html'); ?&gt; </code></pre> <p>2) jQuery: Using jQuery, you can load an HTML page dynamically into another (this is kind of hacky in my opinion):</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;script src="jquery.js"&gt;&lt;/script&gt; &lt;script&gt; $(function(){ $("#includedContent").load("b.html"); }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="includedContent"&gt;&lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <blockquote> <p>Source: <a href="http://stackoverflow.com/questions/8988855/include-another-html-file-in-a-html-file">Include HTML Page via jQuery</a></p> </blockquote> <p>3) Framework: Using a framework like Python/Django, you can use {% include %} blocks to create standalone html files that can be reused like blocks.</p> <pre><code>&lt;html&gt; {% include 'navbar.html' %} &lt;/html&gt; </code></pre> <p>My honest recommendation is #2 if you have to stay with just raw html, otherwise, if you are using PHP then includes are a no brainer. The last option is the frameworks, and that is really only if you have other heavy-duty functions you would need.</p>