Le langage Html
Le Texte

Barre de séparation

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 d'une
zone en gras

Italique [Italic] <I>...</I>
<EM> ... </EM>
Début et fin d'une
zone en italique
Taille de
caractère
[Font size] <FONT SIZE=?> ... </FONT> Début et fin d'une
zone avec cette taille
Couleur de
caractère
[Font color] <FONT COLOR="#$$$$$$">
 ... </FONT>
Début et fin d'une
zone en couleur
A la ligne [Line break] <BR> Aller à la ligne
Commentaires [Comments] <!-- commentaire  --> 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 :
    1. avec un nombre de 1 à 7. La valeur par défaut étant 3.
    2. 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.

Voici les codes de quelques couleurs basiques.

Bleu #0000FF Blanc #FFFFFF
Rouge #FF0000 Gris clair #C0C0C0
Vert #00FF00 Violet #8000FF
Jaune #FFFF00 Noir #000000