HTML <pre> Tag

Definition und Verwendung

<pre> Schlagwort definiert formatierten Text.

<pre> Der Text im Element wird in einer Breitenschriftart angezeigt, Leerzeichen und Zeilenumbrüche werden beibehalten. Der Text wird vollständig so angezeigt, wie er im HTML-Quellcode geschrieben ist.

Weitere Informationen:

Schlagwort Beschreibung
<code> Beispiel-Ausgabe eines Computersprogramms definieren.
<samp> Tastatureingabe definieren.
<kbd> Tastatureingabe definieren.
<var> Variable definieren.

Weitere Informationen:

HTML Tutorial:HTML Text Formatting

HTML DOM Referenzhandbuch:Pre-Objekt

Beispiel

Beispiel 1

Formatiertes Text:

<pre>
der Text im "pre"-Element
mit einer Breitenschriftart angezeigt
Und gleichzeitig beibehalten
Leerzeichen          und
Zeilenumbruch.
</pre>

Versuchen Sie es selbst

Beispiel 2

Wie man festbreitige formatierte Texte erstellt (mit CSS):

<div style="width:200px;overflow:auto">
<pre>Das ist ein pre mit festem Breite. Es verwendet den angegebenen Raum.</pre>
</div>

Versuchen Sie es selbst

Global Attributes

<pre> Der Tag unterstützt auch Global Attributes in HTML.

Event Attributes

<pre> Der Tag unterstützt auch Event Attributes in HTML.

Standardmäßige CSS-Einstellungen

Die meisten Browser verwenden die folgenden Standardwerte zur Anzeige <pre> Element:

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

Versuchen Sie es selbst

Browser-Unterstützung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung