L’affichage du texte est préformaté en utilisant la balise <pre>.
Autrement dit, cet élément permet de restituer le texte dans un code identiquement à la façon dont on a rédigé le texte.
Dans ce cas, les espaces multiples, les sauts de ligne et les tabulations sont les mêmes.
La balise <pre> est utile pour éviter ce formatage et garder l’aspect du texte original dans le code.
Voici un exemple pour clarifier tout cela :
<pre>
###### # # ## # # ##### # ######
# # # # # ## ## # # # #
##### ## # # # ## # # # # #####
# ## ###### # # ##### # #
# # # # # # # # # #
###### # # # # # # # ###### ######
</pre>Ce qui donne ceci :
###### # # ## # # ##### # ###### # # # # # ## ## # # # # ##### ## # # # ## # # # # ##### # ## ###### # # ##### # # # # # # # # # # # # ###### # # # # # # # ###### ######
Si on se contentait d’utiliser la balise <p> :
<p>
###### # # ## # # ##### # ######
# # # # # ## ## # # # #
##### ## # # # ## # # # # #####
# ## ###### # # ##### # #
# # # # # # # # # #
###### # # # # # # # ###### ######
</p>On obtient ceci :
###### # # ## # # ##### # ###### # # # # # ## ## # # # # ##### ## # # # ## # # # # ##### # ## ###### # # ##### # # # # # # # # # # # # ###### # # # # # # # ###### ######