HTML – Le texte
- 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
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 retourchariot. 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 . 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
et cela
</BODY>
</HTML>
Ce qui nous donne :
Laissons 10 espaces entre ceci et cela
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
Very nice and informative website.