<< Retour au sommaire

 

La balise PRE

 

 

 

La balise <pre> permet de saisir du texte comme si l’on était dans un logiciel de traitement de texte.

En clair, le texte se trouvant entre <pre> et </pre> est affiché dans la page présenté comme tel.

Le grand avantage, est que les retours à la ligne sont reproduits tel qu’ils sont dans le document HTML.

Du coup, vous pouvez vous passer de la balise <br>.

 

La syntaxe :

<body>

<pre>

ligne 1

Ligne 2

Ligne 3 etc.

</pre>

</body>

 

Pour qu’une certaine mise en forme soit appliquée par le texte contenu dans le bloc <pre>, vous pouvez bien sûr définir un style <pre> mais également intégrer un bloc <pre> dans un autre bloc tel que <p>.

Du coup, double avantage, le texte contenu dans le bloc <pre> respectera le style du bloc <p>.

 

Voici un exemple :

 

<html>

<head>

<title>Utilisation de la balise PRE</title>

</head>

<body>

<h1>Présentation du HTML</h1>

<p><pre>

Bonjour,

Le HTML est un langage de description.

Il permet d'élaborer le contenu de la page affichée...

C'est quand même génial non ?

</pre></p>

</body>

</html>

 

Philippe BOULANGER