SELFHTML: HTML / Types de paragraphes et structure du texte / Texte préformaté pour code source etc...

SELFHTML/Quickbar HTML Types de paragraphes et structure du texte

	Texte pré-formaté pour code source etc...
	Définir un passage de texte avec du texte pré-formaté Largeur d'un passage avec du texte pré-formaté Autres commandes pour du texte pré-formaté Autres possibilités

Définir un passage de texte avec du texte pré-formaté

Exemple d'affichage: aperçu

Pour les impressions de programme il est important qu'ils soient représentés en police courrier et que les retraits soient restitués comme ils furent entrés lors de l'édition. Dans ce but HTML offre la possibilité des passages de texte pré-formatés. Même quand vous devez représenter des données en tableau et que vous voulez renoncer aux Tableaux, vous pouvez utiliser du texte pré-formaté. Finalement le texte pré-formaté est également approprié pour aligner d'autres éléments, des graphiques par exemple.

Exemple:

<pre>
  FUNCTION calculpaques(year : INTEGER) : INTEGER;
  VAR  a, b, c, d, e, f, g, h, i, k, l, m : INTEGER;
  BEGIN
     a  :=  year MOD 19;
     b  :=  year DIV 100;
     c  :=  year MOD 100;
     d  :=  b DIV 4;
     e  :=  b MOD 4;
     f  :=  ( b + 8 ) DIV 25;
     g  :=  ( b  f + 1 ) DIV 3;
     h  :=  ( 19 * a + b  d  g + 15 ) MOD 30;
     i  :=  c DIV 4;
     k  :=  c MOD 4;
     l  :=  ( 32 + 2 * e + 2 * i  h  k ) MOD 7;
     m  :=  ( a + 11 * h + 22 * l ) DIV 451;
     Easter :=  h + l  7 * m + 22;
  END{FUNC};
</pre>

Explication:

<pre> introduit un passage de texte pré-formaté (pre = preformatted = pré-formaté). </pre> termine le passage. Tout ce qu'il y a entre deux sera affiché comme cela a été entré à savoir en police courrier.

Attention:

À l'intérieur de <pre> et de </pre> sont à respecter, comme pour d'autres passages de texte, les particularités pour les signes avec accent, caractères spéciaux et caractères HTML propres. Les commandes placées entre <pre> et </pre> sont interprétées. L'avantage en est que vous pouvez par exemple dans du texte pré-formaté incorporer des graphiques (voir exemple).

Largeur d'un passage avec du texte pré-formaté

Exemple d'affichage: aperçu

Vous pouvez fixer la largeur pour un passage de texte formaté. "largeur" veut dire dans ce cas nombre maximum de signes par ligne.

Exemple:

<pre width=80>
YBREEZE  MID        17.845  15.06.97   6:01 ybreeze.mid
YGLADTR  MID        34.552  15.06.97   6:01 ygladtr.mid
YHASTE   MID        27.834  15.06.97   6:01 yhaste.mid
YRAG     MID        18.540  15.06.97   6:01 yrag.mid
YRITMO   MID        29.056  15.06.97   6:01 yritmo.mid
         5 fichier(s)               127.827 Bytes
</pre>

Explication:

Avec l'attribut width= dans le repère d'ouverture <pre> vous indiquez une largeur maximale pour les lignes du passage. Dans l'exemple ci-dessus, une ligne ne peut pas avoir plus de 80 signes.

Pour les lignes plus longues le navigateur peut soit choisir une autre police pour respecter la largeur ou bien il passe à la ligne pour les lignes trop longues.

Attention:

La mention de la largeur d'un passage pré-formaté n'est interprété ni par Netscape 4.x ni par l' Explorer Internet MS 4.x.

Autres commandes pour du texte pré-formaté

Exemple d'affichage: aperçu

Outre <pre> ... </pre> il existe d'autres repères HTML qui créent un paragraphe distinct avec la police courrier. Pourtant ces repères HTML figurent sur la liste de conclusion du consortium W3 et ne devraient plus être employées. En fin de compte, ils sont commentés ici pour compléter la documentation.

Exemple: <xmp>

<xmp>paragraphe en qualité courrier </xmp>

Exemple: <listing>

<listing>paragraphe en qualité courrier</listing>

Exemple: <plaintext>

<plaintext>paragraphe en qualité courrier</plaintext>

Explication:

Ces trois commandes créent un paragraphe distinct en qualité courrier:
<xmp>...</xmp> (xmp = example = exemple) est conçu comme commande logique pour des exemples de code source.
<plaintext>...</plaintext> (plaintext = texte nu) est conçu comme commande logique pour représenter du texte pur par exemple pour faire des citations d'un fichier texte non formaté.
<listing>...</listing> (listing = texte source ) est conçu comme commande logique pour le texte source de programmes.

Attention:

Ces trois commandes n'ont dans la pratique pour ainsi dire plus d'utilisation. Si vous n'avez pas de raison particulière vous devez utiliser <pre> ... </pre> pour représenter du texte pré-formaté.

La différence entre <xmp>...</xmp> et <listing>...</listing> réside dans l'espacement des caractères. <xmp>...</xmp> rend une police aux caractères plus espacés (environ 80 caractères/ligne à l'impression), <listing>...</listing> une police plus ramassée (environ 132 caractères/ligne à l'impression). <listing>...</listing> est aussi représenté quelque peu différemment par Netscape que <pre>...</pre>.

Netscape n'accepte pour ce repère aucun repère de fermeture </plaintext>, alors que d'autres navigateurs interprètent le repère de fermeture. Netscape représente tout en qualité courrier jusqu'à ce que vous entriez la prochaine commande de paragraphe (par exemple titre, changement de paragraphe, paragraphe de remarque, liste etc...).

Autres possibilités

Le repère <pre> peut comprendre des attributs universels.

Si vous connaissez déjà HTML un peu mieux, essayez aussi les possibilités offertes par les feuilles de style CSS. Car grâce à elles vous pouvez ajouter un formatage à des passages <pre>. Veillez cependant à ne pas détourner le sens et le but de cette commande. Pour ajouter un formatage à des passages <pre>, il vous faut d'abord savoir comment définir des feuilles de style. Ensuite, vous serez en mesure d'utiliser les mentions de feuilles de style. Dans le conteste décrit ici les mentions de feuilles de style qui suivent sont par exemple intéressantes:
Espaces, marges, alignement
Cadres et espaces intérieurs
Couleurs et images d'arrière plan