Include Another HTML File Inside A HTML File

For More Videos Visit Our YouTube Channel

Include Another HTML File Inside A HTML File

Here we consider how to Include Another HTML File Inside A HTML File. Suppose we have two HTML files. HtmlPage1.html, HtmlPage2.html. we wants to include HtmlPage2.html inside HtmlPage1.html.


Include Another HTML File Inside A HTML File - Step 1

Inside HtmlPage1.html, there are two div with class FirstDivID and SecondDivID.

The structure of HtmlPage1.html



We wants to include HtmlPage2.html file inside SecondDivID on HtmlPage1.html.

The structure of HtmlPage2.html




Include Another HTML File Inside A HTML File - Step 2

Now on HtmlPage1.html, on Script part, add following code.





We have to load HtmlPage2.html inside SecondDivID using Jquery.

That's all, run the application, we can see the result.
End Result On Developer Tool