Tout document Html contiendra en
majorité du texte. Voyons comment l'agrémenter
par quelques balises élémentaires.
Gras
[Bold]
<B>...</B>
<STRONG>...</STRONG>
Début et fin de
zone en gras
Italique
[Italic]
<I>...</I>
<EM>...</EM>
Début
et fin de
zone en italique
Taille
de
caractère
[Font size]
<FONT SIZE=?>...</FONT>
Début
et fin de
zone avec cette taille
Couleur
de
caractère
[Font color]
<FONT COLOR="#$$$$$$">
</FONT>
Début
et fin de
zone en couleur
A la ligne
[Line break]
<BR>
Aller
à la ligne
Commentaires
[Comments]
<!--
*** -->
Ne
pas afficher
Centrage
[Center]
<CENTER></CENTER>
Centrer
Ouvrir l'éditeur de texte
<HTML>
<HEAD><TITLE></TITLE></HEAD>
<BODY>texte simple<BR>
<B>texte en gras</B><BR>
<STRONG>texte en
gras</STRONG><BR>
<I>texte en italique</I><BR>
<EM>texte en
italique</EM><BR>
<B><I>texte en gras et en
italique</I></B><BR>
<FONT SIZE=5>texte</FONT>
<FONT COLOR="#0000FF">en bleu</FONT>
<!--C'est fini-->
</BODY>
</HTML>
Ouvrir le browser
Quelques commentaires s'imposent;
Le
texte tout simple s'écrit sans balises. Il sera repris par
le browser avec la police et taille de caractères choisies
dans sa configuration par défaut.
Le
browser affiche le texte qu'on lui "dicte" en passant à la
ligne lorsque celui-ci atteint le bord de la fenêtre. Pour le
forcer à passer outre à cette règle de
conduite et à faire un saut à la ligne comme vous
le souhaitez, il faut une instruction particulière. C'est la
balise <BR>. Celle-ci représente une action
ponctuelle et n'a donc pas besoin de balise de fin.
Le
même browser ne tient compte que d'un seul espace entre les
mots. Ainsi pour lui
<FONT SIZE=5>texte</FONT>
<FONT COLOR="#0000FF">en bleu</FONT> est
équivalent à
<FONT SIZE=5>texte</FONT><FONT
COLOR="#0000FF">en bleu</FONT>
Il
n'est pas rare d'utiliser plusieurs balises pour un même
élément de texte. Il faut veiller à
bien les imbriquer. Ainsi
<B><I>...</I></B>
est correct et
<B><I>...</B></I>
risque de vous créer des ennuis.
La taille dans
<FONT SIZE=?> peut être
indiquée de deux façons :
avec un nombre de 1 à 7.
La valeur par défaut étant 3.
de façon relative par
rapport à la valeur par défaut (ici 0). Soit -3
-2 -1 0 +1 +2 +3.
Pour
les puristes , les balises <I> et <EM>,
<B> et <STRONG> ne sont pas totalement
équivalentes. Vous verrez en poussant plus avant votre
étude du langage Html que <EM> et
<STRONG> appartiennent aux définitions
structurales (style logique) dont l'apparence dépend des
options reprises dans la configuration du browser. Les balises
<B> et <I> appartiennent aux formats de
présentation (style physique) dont l'apparence
dépend de la volonté de l'auteur.