Prism is a lightweight, extensible syntax highlighter, built with modern web standards in mind. It’s used in millions of websites, including some of those you visit daily. Demo page
To use the plugin, you need to add the following files.
<!-- CSS -->
<link rel="stylesheet" href="libs/prism/prism.css" type="text/css">
<!-- Javascript -->
<script src="libs/prism/prism.js"></script><pre>
<code class="language-html">
Html codes..
</code>
</pre><pre>
<code class="language-css">
Css codes..
</code>
</pre><pre>
<code class="language-js">
Javascript codes..
</code>
</pre>