Code Block maken

Om op je website een code block te maken kan je dit met de HTML tags <pre><code> doen.
Hier onder staat een voorbeeld:

<pre><code>
           .....de code die je wilt plaatsen
</pre></code>

De opmaak van het code block kan je vast leggen in een stylesheet (CSS bestand):

pre {box-sizing: border-box; width: 100%; padding: 0; margin: 0; overflow: auto; overflow-y: hidden; font-size: 12px; line-height: 20px; color:#ffffff; background: #425164; border: 2px solid #777;}

Hiermee heb je voor de hele website dezelfde kleur, lettertype, achtergrondkleur enz. voor het code block.