HTML – Le texte préformaté
- HTML – Introduction à l’HTML
- HTML – Structure d’un document HTML
- HTML – Le texte
- HTML – Mise en forme sommaire du texte
- HTML – Les titres et sous-titres
- HTML – Les attributs
- HTML – Le texte préformaté
- HTML – Les commentaires
- HTML – Les entités de caractère
- HTML – Les liens
- HTML – Les images
- HTML – Les listes
- HTML – Tableaux
- HTML – Les cadres (FRAMES)
- HTML – Les formulaires
- HTML – Les méta-informations et le réferencement
- HTML – Formatage poussé du texte
- HTML – Les feuilles de style
- HTML – Les couleurs
- HTML – Les images réactives
- HTML – Le son
- HTML – Et le reste…
- HTML – Les objets
Si jamais on veut vraiment écrire du texte en respectant la mise en page pré-établie, c’est à
dire en concervant les espaces et les sauts de lignes, il faut utiliser la balise du type
conteneur <PRE>.
<PRE> (pour preformated) permet en effet de réaliser une mise en page accéptable. Avant
HTML 4, on ne pouvait aligner convenablement des données dans un tableau qu’en l’utilisant.
De plus, cette balise applique une police à pas fixe, c’est à dire que la largeur du l et
la même que celle du X.
C’est d’ailleur cette balise que j’utilise pour écrire les exemples dans les cours. Voici un
exemple d’application :
<HTML>
<HEAD>
<TITLE>Exemple d’utilisation de la balise PRE</TITLE>
</HEAD><BODY>
<PRE>
————————————————————–
| 14ème étape du Tour de France 2000, Briançon-Courchevel |
————————————————————–
| Etape: |
| |
| 1. Marco Pantani (ITA, Mercatone Uno) en 5 h 34′46″ |
| 2. Jimenez (ESP, Banesto) à 41″ |
| 3. Heras (ESP, Kelme-Costa Blanca) à 50″ |
| 4. Armstrong (USA, US Postal) m.t |
| 5. Nardello (ITA, Mapei-Quick Step) à 1′ |
| 6. Botero (COL, Kelme-Costa Blanca) à 1′9″ |
| 7. Lelli (ITA, Cofidis) à 2′17″ |
| 8. Escartin (COL, Kelme-Costa Blanca) à 2′21″ |
| 9. Moreau (FRA, Festina) m.t |
| 10. Virenque (FRA, Polti) m.t |
————————————————————–
</PRE>
</BODY>
</HTML>
Le résultat, vous l’aurrez deviné sera :
————————————————————–
| 14ème étape du Tour de France 2000, Briançon-Courchevel |
————————————————————–
| Etape: |
| |
| 1. Marco Pantani (ITA, Mercatone Uno) en 5 h 34′46″ |
| 2. Jimenez (ESP, Banesto) à 41″ |
| 3. Heras (ESP, Kelme-Costa Blanca) à 50″ |
| 4. Armstrong (USA, US Postal) m.t |
| 5. Nardello (ITA, Mapei-Quick Step) à 1′ |
| 6. Botero (COL, Kelme-Costa Blanca) à 1′9″ |
| 7. Lelli (ITA, Cofidis) à 2′17″ |
| 8. Escartin (COL, Kelme-Costa Blanca) à 2′21″ |
| 9. Moreau (FRA, Festina) m.t |
| 10. Virenque (FRA, Polti) m.t |
————————————————————–
Attributs de la balise PRE
Outre les attributs commun, la balise
<PRE> posséde l’attribut width. Sa valeur est lenombre de caractères de la largeur du bloc à afficher. Mais même dans les dernières version
d’HTML, les navigateurs semblaient l’ignorer. Son emploi est donc a déconseiller.