Etiqueta HTML <pre>

Definición y uso

<pre> La etiqueta define texto preformateado.

<pre> El texto dentro del elemento se muestra en fuente de ancho fijo, se conservan los espacios en blanco y los saltos de línea. El texto se mostrará exactamente de la manera en que se escribió en el código HTML original.

Véase también:

Etiqueta Descripción
<code> Definir la salida de ejemplo de un programa de computadora.
<samp> Definir entrada de teclado.
<kbd> Definir entrada de teclado.
<var> Definir variables.

Véase también:

Tutorial de HTML:Formateo de texto en HTML

Manual de referencia de DOM HTML:Objeto Pre

Ejemplo

Ejemplo 1

Texto preformateado:

<pre>
Texto dentro del elemento pre
Mostrado en fuente de ancho fijo,
Y también mantener
Espacios          y
Caracteres de nueva línea.
</pre>

Prueba personalmente

Ejemplo 2

Cómo crear un texto preformateado con ancho fijo (usando CSS):

<div style="width:200px;overflow:auto">
<pre>Este pre tiene un ancho fijo. Utilizará el espacio especificado.</pre>
</div>

Prueba personalmente

Atributos globales

<pre> La etiqueta también admite Atributos globales en HTML.

Atributos de eventos

<pre> La etiqueta también admite Atributos de eventos en HTML.

Configuración CSS predeterminada

La mayoría de los navegadores mostrarán los valores predeterminados siguientes <pre> Elemento:

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

Prueba personalmente

Compatibilidad con navegadores

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte