Dit is een voorbeeld van een textarea

HTML - CSS Documentatie over HTML - CSS CSS Code Block maken Om op je website een code block te maken kan je dit met de HTML tags

 doen. Hier onder staat een voorbeeld: 

 

 .....de code die je wilt plaatsen

 

 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

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

 



Dit is een voorbeeld van een textarea





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.



 

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