HTML <pre> tag

Definitie en gebruik

<pre> Tags definiëren voorgeformatteerde tekst.

<pre> Tekst in elementen wordt weergegeven met een schrift van gelijke breedte, de tekst behoudt spaties en regeleinden. De tekst wordt volledig weergegeven zoals het HTML-bronbestand is geschreven.

Zie ook:

Tag Beschrijving
<code> Definieer de uitvoer van een computergprogramma.
<samp> Definieer toetsbordinvoer.
<kbd> Definieer toetsbordinvoer.
<var> Definieer een variabele.

Zie ook:

HTML-cursus:HTML text formatting

HTML DOM referentiemanual:Pre-object

Voorbeeld

Voorbeeld 1

Voorgeformatteerde tekst:

<pre>
Tekst in het pre-element
Weergegeven met een schrift van gelijke breedte,
En behoudt tegelijkertijd
Spaces          and
Line breaks.
</pre>

Try it yourself

Example 2

How to create a preformatted text with a fixed width (using CSS):

<div style="width:200px;overflow:auto">
<pre>This is a pre with a fixed width. It will use the specified space.</pre>
</div>

Try it yourself

Global attributes

<pre> The tag also supports Global attributes in HTML.

event attributes

<pre> The tag also supports Event attributes in HTML.

Default CSS settings

Most browsers will display the following default values <pre> Element:

pre {
  display: block;
  font-family: monospace;
  white-space: pre;
  margin: 1em 0;
}

Try it yourself

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support