
El elemento html pre representa texto preformateado, el texto dentro de este elemento se representa en una fuente monoespaciada exactamente como está escrito en el archivo de origen, y los espacios se muestran como están.
Ejemplo de uso del elemento <pre>
para mostrar código CSS simple:
<! - Código CSS -> < pre > body { color red; } </ pre >
Etiqueta html pre
Clasificaciones de contenido | Contenido organizacional. |
---|---|
Contenido permitido | Contenido ordinario. |
Acrónimo | Las etiquetas de inicio o finalización no se pueden omitir. |
Elementos del padre | Cualquier elemento que acepte contenido normativo. |
Interfaz DOMO | HTMLPreElement |
Soporte de navegadores
Chrome | Firefox | Edge | Safari | Ópera |
---|---|---|---|---|
Soportado | Soportado | Soportado | Soportado | Soportado |
Características
En este elemento se pueden utilizar propiedades globales .
Los cols
y width
que especifican el número óptimo de caracteres por línea, ahora están obsoletos en HTML5 y no deben usarse en páginas modernas.
Formato predeterminado
La mayoría de los navegadores muestran el elemento <pre>
con la configuración de la propiedad display
de block
, y la propiedad font-family
de la monospace
(línea con un ancho fijo), y la propiedad white-space
de pre
, y hacen que el margen margin
superior e inferior igual a la 1em
margen derecha y la izquierda es igual a 0
:
pre { display: block; font-family: monospace; white-space: pre; margin: 1em 0; }
- Introducción al Lenguaje de Programación HTML
- Elemento HTML
- Elemento base en HTML
- Elemento head en HTML
- Elemento link en HTML
- Elemento meta en HTML
- Elemento style en HTML
- Elemento title en HTML
- Elemento body en HTML
- Elemento address en HTML
- Elemento article en HTML
- Elemento aside en HTML
- Elemento footer en HTML
- Elementos h1 al h6 en HTML
- Elemento header en HTML
- Elemento section en HTML
- Elemento blockquote en HTML
- Elemento nav en HTML
- Elemento dd en HTML
- Elemento div en HTML
- Elemento dl en HTML
- Elemento dt en HTML
- Elemento figcaption en HTML
- Elemento figure en HTML
- Elemento hr en HTML
- Elemento li en HTML
- Elemento main en HTML
- Resumen General de Listas en HTML
- Elemento ol en HTML
- Elemento p en HTML
- Descripción de las Etiquetas HTML
- Qué son los Atributos HTML
- Elemento ul en HTML
- Elemento a en HTML
- Elemento pre en HTML
- El Texto en HTML
- Elemento abbr en HTML
- Elemento b en HTML
- Elemento bdi en HTML
- Elemento bdo en HTML
- Elemento br en HTML
- Elemento cite en HTML