# HTML - CSS

Documentatie over HTML - CSS

# CSS

# Code Block maken

<article data-article-id="239" id="bkmrk-om-op-je-website-een">Om op je website een code block te maken kan je dit met de HTML tags &lt;pre&gt;&lt;code&gt; doen.  
Hier onder staat een voorbeeld:

```css

           .....de code die je wilt plaatsen

```

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

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

</article>#### **Bron:**

[https://wp-mix.com/css-style-pre-tags/](https://wp-mix.com/css-style-pre-tags/)

<article data-article-id="239" id="bkmrk-"><div id="bkmrk--1"><div class="epkb-article-navigation-container epkb-article-navigation--next-link-right">  
</div></div></article><div id="bkmrk--2"></div>

# HTML

# Textarea

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

```html
<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.](https://www.linuxfun.nl/textarea.html).

<div id="bkmrk-"></div>