Preview of html code without running the html file.

In this post we will see how can we see the preview of our html code without running the file.
Sometimes you may want to see online preview of your HTML code.
So that you can evaluate your HTML code for correctness and take corrective action if needed.
In this tutorial we use  basic tags of html5 , bootstrap and also used some Javascript functions.

Advertisement


For using bootstrap i would recommend the use of maxcdn files
A maxcdn bootstrap file allows you to directly call all bootstrap functions without downloading the bootstrap package.
Bootstrap uses jQuery for JavaScript plugins (like modals, tooltips, etc). However, if you just use the CSS part of Bootstrap, you don’t need jQuery.

Use these files inside your <head> section of your html code.
Now we will write some javascript function which is used to show the preview of html code.
Complete Code which is used for showing the preview of your html code

Add a Comment

Your email address will not be published. Required fields are marked *