Etiqueta HTML <pre>

La etiqueta <pre> en HTML se usa para definir el bloque de texto preformateado que conserva los espacios de texto, los saltos de línea, las tabulaciones y otros caracteres de formato que los navegadores web ignoran. El texto en el elemento <pre> se muestra en una fuente de ancho fijo, pero se puede cambiar usando CSS. La etiqueta <pre> requiere una etiqueta inicial y otra final.
Sintaxis: 
 

<pre> Contents... </pre>

Los siguientes ejemplos ilustran la etiqueta <pre> en HTML:
Ejemplo 1: 
 

HTML

<html>
    <body>
        <!-- html pre tag starts here -->
        <pre>
            GeeksforGeeks
            A Computer   Science Portal   For Geeks
        </pre>
        <!-- html pre tag ends here -->
    </body>
</html>                   

Producción: 
 

Ejemplo 2: 
 

HTML

<html>
    <head>
        <title>pre tag with CSS</title>
        <style>
            pre {
                font-family: Arial;
                color: #009900;
                margin: 25px;
            }
        </style>
    </head>
    <body>
        <!-- html pre tag starts here -->
        <pre>
            GeeksforGeeks
            A Computer   Science Portal   For Geeks
        </pre>
        <!-- html pre tag ends here -->
    </body>
</html>

Producción: 
 

Navegadores compatibles: 
 

  • Google Chrome
  • explorador de Internet
  • Firefox
  • Ópera
  • Safari

Publicación traducida automáticamente

Artículo escrito por Shubrodeep Banerjee y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *