Catégories
Informatique

Afficher un texte ASCII dans une page HTML

██╗    ██╗██╗██╗  ██╗██╗████████╗██╗    ██╗██╗███████╗████████╗
██║    ██║██║██║ ██╔╝██║╚══██╔══╝██║    ██║██║██╔════╝╚══██╔══╝
██║ █╗ ██║██║█████╔╝ ██║   ██║   ██║ █╗ ██║██║███████╗   ██║   
██║███╗██║██║██╔═██╗ ██║   ██║   ██║███╗██║██║╚════██║   ██║   
╚███╔███╔╝██║██║  ██╗██║   ██║   ╚███╔███╔╝██║███████║   ██║   
 ╚══╝╚══╝ ╚═╝╚═╝  ╚═╝╚═╝   ╚═╝    ╚══╝╚══╝ ╚═╝╚══════╝   ╚═╝   
                                                               

Si vous avez une page HTML dans laquelle vous souhaitez afficher un texte ASCII, il faut ajouter un petit tag HTML avant et après les caractères pour qu’ils s’affichent bien.

Si vous ne le faites pas votre texte ressemblera à ça :
██╗ ██╗██╗██╗ ██╗██╗████████╗██╗ ██╗██╗███████╗████████╗
██║ ██║██║██║ ██╔╝██║╚══██╔══╝██║ ██║██║██╔════╝╚══██╔══╝
██║ █╗ ██║██║█████╔╝ ██║ ██║ ██║ █╗ ██║██║███████╗ ██║
██║███╗██║██║██╔═██╗ ██║ ██║ ██║███╗██║██║╚════██║ ██║
╚███╔███╔╝██║██║ ██╗██║ ██║ ╚███╔███╔╝██║███████║ ██║
╚══╝╚══╝ ╚═╝╚═╝ ╚═╝╚═╝ ╚═╝ ╚══╝╚══╝ ╚═╝╚══════╝ ╚═╝

Alors que si vous le faites :

██╗    ██╗██╗██╗  ██╗██╗████████╗██╗    ██╗██╗███████╗████████╗
██║    ██║██║██║ ██╔╝██║╚══██╔══╝██║    ██║██║██╔════╝╚══██╔══╝
██║ █╗ ██║██║█████╔╝ ██║   ██║   ██║ █╗ ██║██║███████╗   ██║   
██║███╗██║██║██╔═██╗ ██║   ██║   ██║███╗██║██║╚════██║   ██║   
╚███╔███╔╝██║██║  ██╗██║   ██║   ╚███╔███╔╝██║███████║   ██║   
 ╚══╝╚══╝ ╚═╝╚═╝  ╚═╝╚═╝   ╚═╝    ╚══╝╚══╝ ╚═╝╚══════╝   ╚═╝   
                                                               

Il faut encadrer votre texte ASCII des balises « PRE » :

<pre> XXXX </pre>

Facile !

Et si vous cherchez un générateur d’ASCII c’est par là.

Laisser un commentaire