W3.CSS

Home

Hi! Here you can find examples and information about how to use w3codecolor.js library.

This library may be useful if you want to demonstrate a code on a page.

If you use a mobile phone сlick on the (☰) button in the top right corner to see links to tutorial, demonstration and author pages.

First of all you need to import w3codecolor.js library:

Then run w3CodeColor() function inside the body tags (you can use other ways to run this function after the page is loaded):

<body>
<script>w3CodeColor();</script>
</body>

Finally, add an appropriate class to the element that contains your code.

To color HTML and PHP code use htmlHigh class:

<div class="htmlHigh">
<div class="high">
This is a code example
</div>
</div>

To color CSS code use cssHigh class.

To color Javascript code use jsHigh class.

To color SQL code use sqlHigh class.

You can also add w3-code class to add a green vertical line to your code like in these examples.

Don't forget to use character entities that are used to display reserved characters in HTML. Here are some of them.

Good luck!

Belorussian. 22 years old. PHP web developer.

My Sololearn profile