Accueil > HTML > HTML – Le texte

HTML – Le texte

This entry is part 3 of 23 in the series HTML - Tutoriel
  1. L’espace « incassable »

Pour afficher du texte, rien de plus simple. Il suffit de l’écrire dans le corps du document,
c’est à dire dans le conteneur <BODY>, entre <BODY> et </BODY> :


<HTML>
<HEAD>
<TITLE>Ancien testament – Genèse</TITLE>
</HEAD>

<BODY>
Voici les origines du ciel et de la terre, quand il furent créés. Lorsque l’Eternel
Dieu fit la terre et le ciel.
Il n’y avait encore aucun arbustre de la campagne sur la terre, et aucune herbe de
la campagne ne germait encore: car l’Eternel Dieu n’avait pas fait pleuvoir sur la
terre, et il n’y avait point d’homme pour cultiver le sol.
Mais une vapeur s’éleva de la terre et arrosa toute la surface du sol.
L’Eternel Dieu forma l’homme de la poussière du sol; il insuffla dans ses narines
un souffle vital, et l’homme devint être vivant.
ANCIEN TESTAMENT GENÈSE
</BODY>
</HTML>


Voici le résultat :



Voici les origines du ciel et de la terre, quand il furent créés. Lorsque l’Eternel Dieu fit
la terre et le ciel.
Il n’y avait encore aucun arbustre de la campagne sur la terre, et aucune herbe de la
campagne ne germait encore: car l’Eternel Dieu n’avait pas fait pleuvoir sur la terre, et il
n’y avait point d’homme pour cultiver le sol.
Mais une vapeur s’éleva de la terre et arrosa toute la surface du sol.
L’Eternel Dieu forma l’homme de la poussière du sol; il insuffla dans ses narines un souffle
vital, et l’homme devint être vivant.
ANCIEN TESTAMENT GENÈSE



Qu’observez-vous? Et oui, les sauts de lignes ne sont pas respectés, ainsi que les espaces :
on peut en mettre 5, cela aura le même effet que 1.

Pour forcer le retour à la ligne, nous allons utiliser une balise de type marqueur : <BR>.
<BR> (pour Break Row) provoque un retour à la ligne ainsi qu’un retour
chariot. Notre exemple modifié sera donc :

<HTML>
<HEAD>
<TITLE>Ancien testament – Genèse</TITLE>
</HEAD>

<BODY>
Voici les origines du ciel et de la terre, quand il furent créés. Lorsque l’Eternel
Dieu fit la terre et le ciel.<BR>
Il n’y avait encore aucun arbustre de la campagne sur la terre, et aucune herbe de
la campagne ne germait encore: car l’Eternel Dieu n’avait pas fait pleuvoir sur la
terre, et il n’y avait point d’homme pour cultiver le sol.<BR>
Mais une vapeur s’éleva de la terre et arrosa toute la surface du sol.<BR>
L’Eternel Dieu forma l’homme de la poussière du sol; il insuffla dans ses narines
un souffle vital, et l’homme devint être vivant.<BR>
ANCIEN TESTAMENT GENÈSE
</BODY>
</HTML>


Et cette fois-ci, les sauts de lignes sont respectés :



Voici les origines du ciel et de la terre, quand il furent créés. Lorsque l’Eternel Dieu fit
la terre et le ciel.

Il n’y avait encore aucun arbustre de la campagne sur la terre, et aucune herbe de la
campagne ne germait encore: car l’Eternel Dieu n’avait pas fait pleuvoir sur la terre, et il
n’y avait point d’homme pour cultiver le sol.

Mais une vapeur s’éleva de la terre et arrosa toute la surface du sol.

L’Eternel Dieu forma l’homme de la poussière du sol; il insuffla dans ses narines un souffle
vital, et l’homme devint être vivant.

ANCIEN TESTAMENT GENÈSE


L’espace « incassable »


Si on veut maintenir le nombre désiré d’espace dans un texte, on doit faire intervenir un élement
spécial, qui n’est pas une balise : le &nbsp;. Si on décortique chaque lettre, sa donne
no breaking space. On clair, à chaque fois que le navigateur rencontrera
ce terme, il laissera un espace, qu’il le veuille ou non :

<HTML>
<HEAD>
<TITLE>L’esapce « incassable »</TITLE>
</HEAD>

<BODY>
Laissons 10 espaces entre ceci&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;et cela
</BODY>
</HTML>


Ce qui nous donne :



Laissons 10 espaces entre ceci          et cela

Series Navigation«HTML – Structure d’un document HTMLHTML – Mise en forme sommaire du texte»
Categories: HTML Tags:
  1. Christophe LEROY
    25/05/2003 à 19:24 | #1

    Re-bonjour,

    Je déplore, sur l’enseignement du langage HTML, de devoir remonter à chaque changement de page. Une petite flèche ou un lien stipulant page suivante serait judicieux.

    Cordialement

    Le Normandin

  2. 10
    20/03/2006 à 01:12 | #2

    Very nice and informative website.

  1. Pas encore de trackbacks