HTML - CSS

Documentatie over HTML - CSS

CSS

CSS

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.

Bron:

https://wp-mix.com/css-style-pre-tags/


HTML

HTML

Textarea

In HTML kan men op de volgende manier een textarea maken:

<HTML>
<HEAD>
<TITLE>Dit is een voorbeeld van een textarea</TITLE>
</HEAD>
<BODY>
<textarea cols="80" rows="3" wrap="off" readonly="yes" style="color: red; background-color: lightyellow">As you can see many times word wrapping is often the desired look for your text areas. Since it makes everything nice and easy to read.</textarea>
</BODY>
</HTML>

In bovenstaand voorbeeld is wordwrap uigeschakeld (alles komt dus op een regel).
Ook is de textarea read only, dus men kan deze tekst niet bewerken.
Voor een voorbeeld klik op deze link..