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..