How TO - Include HTML
Learn how to include HTML snippets in HTML.
The HTML
Save the HTML you want to include in an .php file:
content.php
<a href="howto-google_maps.asp">Google Maps</a><br>
<a href="howto-css_animate_buttons.asp">Animated Buttons</a><br>
<a href="howto-css_modals.asp">Modal Boxes</a><br>
<a href="howto-js_animate.asp">Animations</a><br>
<a href="howto-js_progressbar.asp">Progress Bars</a><br>
<a href="howto-css_dropdown.asp">Hover Dropdowns</a><br>
<a href="howto-js_dropdown.asp">Click Dropdowns</a><br>
<a href="howto-css_table_responsive.asp">Responsive Tables</a><br>
<a href="howto-css_animate_buttons.asp">Animated Buttons</a><br>
<a href="howto-css_modals.asp">Modal Boxes</a><br>
<a href="howto-js_animate.asp">Animations</a><br>
<a href="howto-js_progressbar.asp">Progress Bars</a><br>
<a href="howto-css_dropdown.asp">Hover Dropdowns</a><br>
<a href="howto-js_dropdown.asp">Click Dropdowns</a><br>
<a href="howto-css_table_responsive.asp">Responsive Tables</a><br>
Include the HTML
Including HTML is done by using a subhodaya-include-html attribute:
Example
<div subhodaya-include-html="content.php"></div>
Add the JavaScript
HTML includes are done by JavaScript.
Add the script subhodadata.js to your web page:
Example
<script src="http://tutorials/lib/subhodadata.js"></script>
Call w3IncludeHTML() to include the HTML:
Example
<script>
w3IncludeHTML();
</script>
w3IncludeHTML();
</script>
Full Example
Example
<!DOCTYPE html>
<html>
<script src="http://tutorials/lib/subhodadata.js"></script>
<body>
<div subhodaya-include-html="content.php"></div>
<script>
w3IncludeHTML();
</script>
</body>
</html>
Try it Yourself »
<html>
<script src="http://tutorials/lib/subhodadata.js"></script>
<body>
<div subhodaya-include-html="content.php"></div>
<script>
w3IncludeHTML();
</script>
</body>
</html>
Include Many HTML Snippets
You can include any number of HTML snippets:
Example
<!DOCTYPE html>
<html>
<script src="http://tutorials/lib/subhodadata.js"></script>
<body>
<div subhodaya-include-html="h1.php"></div>
<div subhodaya-include-html="content.php"></div>
<script>
w3IncludeHTML();
</script>
</body>
</html>
Try it Yourself »
<html>
<script src="http://tutorials/lib/subhodadata.js"></script>
<body>
<div subhodaya-include-html="h1.php"></div>
<div subhodaya-include-html="content.php"></div>
<script>
w3IncludeHTML();
</script>
</body>
</html>