écrire un poème

écrire un poème
Il vous arrive peut-être de rédiger ou de recopier un poème ou une citation, dans un article; conserver la présentation des vers, qui s'affichent les uns sous les autres oblige à faire un saut de ligne à chaque rime; je découvre un code qui semble pouvoir nous faciliter le "travail": <pre>.. </pre>

un exemple: j'ai écrit, sur une feuille de bloc-notes, deux lignes :

<p>Rien ne sert de courir,
il faut partir à point.</p>

<pre>Rien ne sert de courir,
il faut partir à point.</pre>

et voici comment elles sont affichées respectivement.

Rien ne sert de courir, il faut partir à point.
```
Rien ne sert de courir, 
il faut partir à point.
```
Ce code conserve la mise en page de l'élément copié; voici une copie d'une sentence trouvée chez Tiot.
```
Pourquoi Dieu n'a pas créé de prédateur pour l'homme ?
Parce que, celui-ci, est assez bête pour s'éliminer tout seul !
```
J'ai recopié le texte, en 2 lignes, dans mon bloc-notes et l'ai collé entre <pre> et </pre>, avec quelques attributs et vous envoyez le résultat !
Essayons un exemple ou deux, pour apprendre à maîtriser la chose:
```
Exige beaucoup de toi-même 
et attends peu des autres. 
Ainsi beaucoup d'ennuis 
te seront épargnés.
Confusius.
```
Code écrit:<pre>Exige beaucoup de toi-même
et attends peu des autres.
Ainsi beaucoup d'ennuis
te seront épargnés.
Confusius.</pre>

J'ai ouvert le code source (<>); j'ai écrit, en début de ligne: <pre> puis mon texte, qui c'est affiché en une ligne; au changement de ligne désiré, j'ai fait un saut de ligne, par entrée du clavier (toujours en code source) et j'ai terminé mon texte par </pre>
Vous voyez l'affichage que ça donne; le site indique que la police et sa taille sont imposées; je vais vérifier si on peut colorer le texte, au moins.
En publiant, je vois que le fond du texte est blanc, ce qui n'est pas visible en rédigeant l'article.
```
La règle d'or de la conduite est la tolérance mutuelle, 
car nous ne penserons jamais tous de la même façon, 
nous ne verrons qu'une partie de la vérité 
et sous des angles différents.
Gandhi.
```
Essayons d'ajouter des attributs; j'ai écrit, en code source:

<pre style="color: green; text-shadow: 1px 1px black; font-size: 18pt; background: url('http://ekladata.com/sMSqTXufd7rv6et4q5rbman24A8/356.jpg'); width: 820px;">La règle d'or de la conduite est la tolérance mutuelle,
car nous ne penserons jamais tous de la même façon,
nous ne verrons qu'une partie de la vérité
et sous des angles différents.
Gandhi.
</pre>

J'ai ajouté une couleur de texte et une ombre de texte, une taille de police, une texture de fond que j'ai hébergée sur Ekla et dont j'ai copié l'adresse, et limité la largeur... et ça fonctionne !

Un petit rappel: nous disposons, par défaut, de quelques polices de texte mais nous pouvons en ajouter d'autres, ponctuellement ou régulièrement; vous trouvez quelques informations dans mes pages de html2 et je vais en faire l'essai maintenant.
```
Choisissez un travail que vous aimez 
et vous n'aurez pas à travailler 
un seul jour de votre vie.
Confusius
```
Code:
<pre style="font-weight: bold; font-size: 30pt; text-align: center; font-family: 'Indie Flower', cursive; background-color: lime; color: coral; text-shadow: 1px 1px black; width: 700px; margin: 5px auto; border: 6px ridge white; box-shadow: 4px 4px 8px black;">

Choisissez un travail que vous aimez
et vous n'aurez pas à travailler
un seul jour de votre vie.
</pre>
<style type="text/css"></style>