W3.CSS- code


Weergavevoorbeelden

De klasse w3-panel wordt gebruikt om voorbeelden in een grijze container weer te geven:

Voorbeeld

  • Jill
  • Vooravond
  • Adam


Weergavecode

De klasse w3-code wordt gebruikt om code weer te geven in een leesbaar mono-spaced font.

Voorbeeld

fruit[0] = "Banaan";
fruit [1] = "Appel";
fruit [2] = "Mango";
fruit [3] = "Pruim";


Markeer inline code

De klasse w3-codespan wordt gebruikt om inline-code te markeren:

Het htmlelement definieert een HTML-pagina.

Voorbeeld

The <code class="w3-codespan">html</code> element defines an HTML page.


Kleurcode

W3Schools biedt een JavaScript-bibliotheek voor het kleuren van code.

Voorbeeld

fruit[0] = "Banaan";
fruit [1] = "Appel";
fruit [2] = "Mango";
fruit [3] = "Pruim";

U kunt de bibliotheek hier downloaden: https://www.w3schools.com/lib/w3codecolor.js

Als u de bibliotheek w3codecolor.js gebruikt, kunt u ook de hieronder beschreven codeklassen gebruiken:


Markeer JavaScript-code

De jsHigh -klasse wordt gebruikt om JavaScript-code te markeren:

Voorbeeld

<div class="w3-code jsHigh">

.. JavaScript code here

</div>

Markeer HTML-code

De klasse htmlHigh wordt gebruikt om HTML-code te markeren:

Voorbeeld

<div class="w3-code htmlHigh">

.. HTML code goes here

</div>

Markeer CSS-code

De klasse cssHigh wordt gebruikt om CSS-code te markeren:

Voorbeeld

<div class="w3-code cssHigh">

.. CSS code here

</div>