Etiqueta <PRE>
La etiqueta <pre>, permite definir lo que se denomina texto con formato o preformateado.
Como se ha comentado anteriormente el navegador no respeta los saltos de línea y espacios en blanco sobrantes en un documento web.
Al insertar en el contenido de esta etiqueta un texto, el mismo se visualiza normalmente con una fuente de letra de ancho fijo, normalmente suele ser el tipo de letra Courier.
El utilizar esta fuente hace que los espacios en blanco y saltos de línea, que se inserten como contenido de la etiqueta sean respetados y por tanto, el texto se ha de visualizar en el navegador tal como se ha escrito.
La sintaxis de la etiqueta es la siguiente:
<pre>El texto escrito aquí esta preformateado</pre>
El siguiente ejemplo muestra el uso de la etiqueta en un documento web.
<!DOCTYPE HTML>
<html>
<head>
<title>Ejercicios prácticos HTML5</title>
<meta charset="utf-8">
<meta name="author" content="José Sáez">
<meta name="description" content="Ejercicios prácticos HTML5">
<meta name="generator" content="Ejercicios prácticos HTML5">
<meta name="keywords" content="Ejercicios, Soluciones, Prácticas, HTML5">
</head>
<body>
<p>El ejemplo más usual en los lenguajes de programación</p>
<pre>
#include <stdio.h>;
int main(void) {
printf("Hola Mundo, Aprendoencasa.com");
return 0;
}
</pre>
</body>
</html>El resultado del ejercicio anterior en el navegador ha de ser similar al que se muestra a continuación.
Prácticas HTML5 – Etiqueta PRE
Gracias por vuestra visita y un saludo!!!
