W3.CSS Code
Display Examples
The w3-panel class is used to display examples in a grey container:
Display Code
The w3-code class is used to display code in a readable mono-spaced font.
Example
fruits[0] = "Banana";
fruits[1] = "Apple";
fruits[2] = "Mango";
fruits[3] = "Plum";
Highlight Inline Code
The w3-codespan class is used to highlight inline code:
The html element defines an HTML page.
Coloring Code
W3Schools provides a JavaScript library for coloring code.
Example
fruits[0] = "Banana";
fruits[1] = "Apple";
fruits[2] = "Mango";
fruits[3] = "Plum";
You can download the library from here: https://www.w3schools.com/lib/w3codecolor.js
If you use the w3codecolor.js library, you can also use the code classes described below:
Highlight JavaScript Code
The jsHigh class is used to highlight JavaScript code:
Highlight HTML Code
The htmlHigh class is used to highlight HTML code:
Highlight CSS Code
The cssHigh class is used to highlight CSS code:
