Hello Viewer, Here you’ll Find Top 10 Ways To Include HTML File in HTML File & I Hope This Idea Is Very HelpFull For Your Knowledge Point of View.


Include HTML Header & Footer File in HTML File

First, we create three files. Index.html, header.html, footer.html


Like as  - 

index.html - this code in body tag


<div include-html="header.html" id="header_file"></div>

<h2>This is the Main Html Page</h2>

<div include-html="footer.html" id="footer_file"></div>

<script src="js/jquery-3.6.0.min.js"></script>

<script src="js/include-html.min.js"></script>



header.html


<h2>I m Header</h2>


footer.html


<h2>I m Footer</h2>



Note -  Make Sure that jquery-3.6.0.min.js & include-html.min.js are included.



Download Source Code - Download