Formatter un texte ASCII avec HTML :

Le texte ASCII pur est-il de l'HTML ?

Vous pouvez utiliser un simple fichier texte comme document HTML, cependant, il ne va certainement pas être agréable à lire. Dans cette page nous vous présentons quelques trucs pour mettre en page des textes ASCII.

Exemple 1 :

Le fichier d'entree suivant :

Ceci est le contenu du fichier
ASCII que vous voulez rendre consultable sur le Web
Vous souhaiteriez cependant en conserver la mise
En page originale avec les blancs, les tabulations,
Les espaces, etc...

...Apparaitra malheureusement sous Mosaic comme ceci :

Ceci est le contenu du fichier ASCII que vous voulez rendre consultable sur le Web Vous souhaiteriez cependant en conserver la mise En page originale avec les blancs, les tabulations, Les espaces, etc...

Mosaic a compressé tous les espaces, retours chariots, tabulations.

Exemple 2 :

Il existe un moyen de PREserver la mise en page :

<PRE>

Ceci est le contenu du fichier
ASCII que vous voulez rendre consultable sur le Web
Vous souhaiteriez cependant en conserver la mise
En page originale avec les blancs, les tabulations,
Les espaces, etc...

</PRE>

La mise en page du texte original est respectée:

...Cependant la fonte de caractère n'est pas très belle :

Ceci est le contenu du fichier
ASCII que vous voulez rendre consultable sur le Web
Vous souhaiteriez cependant en conserver la mise
En page originale avec les blancs, les tabulations,
Les espaces, etc...

Exemple 3 :

Ajouter des coupures de paragraphe (<P>):

Ceci est le contenu du fichier <P>
ASCII que vous voulez rendre consultable sur le Web <P>
Vous souhaiteriez cependant en conserver la mise <P>
En page originale avec les blancs, les tabulations, <P>
Les espaces, etc... <P>

C'est plus joli mais l'espacement entre les lignes est grand :

Ceci est le contenu du fichier

ASCII que vous voulez rendre consultable sur le Web

Vous souhaiteriez cependant en conserver la mise

En page originale avec les blancs, les tabulations,

Les espaces, etc...

Exemple 4 :

Ajouter des PETITES coupures de paragraphe (<BR>) :

Ceci est le contenu du fichier <BR>
ASCII que vous voulez rendre consultable sur le Web <BR>
Vous souhaiteriez cependant en conserver la mise <BR>
En page originale avec les blancs, les tabulations, <BR>
Les espaces, etc... <BR>

C'est mieux, mais fastidieux :

Ceci est le contenu du fichier
ASCII que vous voulez rendre consultable sur le Web
Vous souhaiteriez cependant en conserver la mise
En page originale avec les blancs, les tabulations,
Les espaces, etc...

Exemple 5 :

Mettre en évidence certains mots du texte :

<strong>Ceci</strong> est le contenu du fichier <BR>
<strong>ASCII</strong> que vous voulez rendre consultable sur le Web <BR>
<strong>Vous</strong> souhaiteriez cependant en conserver la mise <BR>
<strong>En page</strong> originale avec les blancs, les tabulations, <BR>
<strong>Les espaces</strong>, etc... <BR>

Voici le résultat :

Ceci est le contenu du fichier
ASCII que vous voulez rendre consultable sur le Web
Vous souhaiteriez cependant en conserver la mise
En page originale avec les blancs, les tabulations,
Les espaces, etc...

Exemple 6 :

Mélanger texte et images :

<img src="images/up.gif">Ceci est le contenu du fichier <BR>
<img src="images/down.gif">ASCII que vous voulez rendre consultable sur le Web <BR>
<img src="images/left.gif">Vous souhaiteriez cependant en conserver la mise <BR>
<img src="images/right.gif">En page originale avec les blancs, les tabulations, <BR>
<img src="../myfaces/face.gif">Les espaces, etc... <BR>

Voici le résultat :

Ceci est le contenu du fichier

ASCII que vous voulez rendre consultable sur le Web

Vous souhaiteriez cependant en conserver la mise

En page originale avec les blancs, les tabulations,

Les espaces, etc...

REMARQUE: Le résultat est impressionnant, mais ne fonctionnera cependant pas avec les outils de consultation du Web ne possèdant pas d'interface graphique.

Résultat obtenu sur avec un outil non graphique :

[IMAGE] Ceci est le contenu du fichier
[IMAGE] ASCII que vous voulez rendre consultable sur le Web
[IMAGE] Vous souhaiteriez cependant en conserver la mise
[IMAGE] En page originale avec les blancs, les tabulations,
[IMAGE] Les espaces, etc...

Exemple 7 :

Texte et images mais prise en compte des outils non graphiques :

La solution consiste à indiquer pour chaque image une ALTernative textuelle dans le cas ou la personne qui consulte la page ne dispose pas d'un outil graphique.

<img alt="[Flèche vers le haut]" src="images/up.gif">Ceci est le contenu du fichier <BR>
<img alt="[Flèche vers le bas]" src="images/down.gif">ASCII que vous voulez rendre consultable sur le Web <BR>
<img alt="" src="images/left.gif">Vous souhaiteriez cependant en conserver la mise <BR>
<img alt="" src="images/right.gif">En page originale avec les blancs, les tabulations, <BR>
<img alt="" src="../myfaces/face.gif">Les espaces, etc... <BR>

Remarque: les images en tête des trois dernières lignes ont une alternative textuelle vide.

Résultat obtenu sur avec un outil non graphique :

[Flèche vers le haut] Ceci est le contenu du fichier
[Flèche vers le bas] ASCII que vous voulez rendre consultable sur le Web
Vous souhaiteriez cependant en conserver la mise
En page originale avec les blancs, les tabulations,
Les espaces, etc...

1994 - michel.buffa@essi.fr