Mise en forme du texte
Qu'est-ce qui est plus laid que du texte sans mise en forme sur une page blanche??? RIEN!
Voici donc quelques balises pour changer la mise en forme du texte.

<br>: passage à la ligne.
Votre browser ne passera à la ligne que quand il sera arrivé au bout de la fenêtre. Il y a moyen de le faire aller à la ligne avec<br>. Cette balise est la plus utilisée du HTML.

:la mise en forme dans le bloc-notes n'a rien à voir avec celle du document html. La mise en forme est faite exclusivement avec des balises.
La mise en forme dans le bloc-notes ne sert qu'à mieux vous y retrouver.

<P>: paragraphe.
Cette balise indique le début d'un nouveau paragraphe.
<!--....-->: commentaire.
Tout le texte contenu entre ces balises sera ignoré par le navigateur. Quel en est l'intérêt? Tout simplement, insérer des commentaires dans votre programmation peut vous aider à vous y retrouver plus facilement et, en cas de problème, cette balise peut vous servir à ignorer certaines parties des instructions pour voir où se trouve le problème.
<B>...</B>: texte en gras (bold)
<STRONG>...</STRONG>: texte en gras.
La différence entre ces deux balises est infime.
<EM>...</EM>: texte en italique (embed)
<I>...</I>:texte en italique
Même chose que pour le gras, la différence entre ces deux balises est infime. Ne vous en inquiètez donc pas.

Voici maintenant un exemple regroupant les différentes balises rencontrées:

<HTML><HEAD>
<TITLE> Mise en forme</TITLE>
</HEAD><BODY>
<P>Bonjour</P>
<!--Le texte "Bonjour" est un paragraphe-->
<B> texte en gras </B> <BR>
<I> texte en italique</I>
<BR>
<B> <I> texte en gras et en italique</I> </B>
</BODY> </HTML>

Voici le résultat:
resultat
<BIG>...</BIG> : agrandissement de la taille des caractères
<SMALL>...</SMALL> : diminution de la taille des caractères.
<PRE>...</PRE> : texte préformaté
Cette balise affiche le texte sous la forme dans laquelle il est dans le bloc-notes avec tous les espaces ainsi que les mises à la ligne. Le seul défaut de cette balise est qu'il affiche tout le texte dans les mêmes caractères qu'une machine à écrire ce qui peut se révéler ennuyant si on désire une police précise.
<TT>...</TT>: texte machine à écrire.
Cette balise affiche le texte dans le même caractère qu'une machine à écrire.
<U>...</U> : texte souligné.
Je vous déconseille d'utiliser cette balise pour la bonne raison que ce sont les liens hypertexte qui sont soulignés. Pour ne pas créer la confusion, il vaut mieux mettre en gras.
<SUB>...<SUB> : texte en indice
<SUP>...</SUP> : texte en exposant
Remarque : pour ne pas confondre les deux balises ci-dessus, pensez à supérieur et à subalterne.

Voici un exemple avec les balises vues. On tape le code suivant:

<HTML>
<HEAD> <TITLE> Essai </TITLE> </HEAD> <BODY>
La taille du texte peut être <BIG> augmentée </BIG> ou <SMALL> diminuée
</SMALL><BR>
texte en <SUB> indice</SUB> ou en <SUP> exposant </SUP> <BR>
<PRE> Ceci    e  st
du texte p r e f
o r m a t é </PRE> <BR>
texte <U> souligné</U> ou <TT> en caractère de machine à écrire</TT>
</BODY> </HTML>

Voici le résultat:
resultat
<BLOCKQUOTE>...</BLOCKQUOTE> : citation
Cette balise est utilisée lors de citations. Elle introduit un retrait de texte.
<DIV align=center/left/right>...</DIV> : aligne l'élément à gauche, au centre ou à droite.

: pour aligner quelque chose au centre, on peut aussi utiliser la balise <CENTER>...</CENTER>.

<P align=left/center/right<...</P>: aligne le paragraphe.
FONT COLOR="#xxxxxx">...</FONT>: texte en couleur.
Les 6x représentent le code hexadécimal de la couleur. Voici les codes de quelques couleurs basiques:
blanc#FFFFFF
rouge#FF0000
vert#00FF00
bleu_2#0000FF
bleu_1#00FFFF
noir#000000
jaune#FFFF00
Remarquez que chaque couleur est précédée du signe"#". Il est indispensable.
Si vous désirez avoir une liste plus complète de couleurs, rendez-vous sur la page de téléchargements.
<FONT SIZE=X>...</FONT>: taille des caractères.
X est une valeur de 1 à 7. La valeur par défaut est de 3. Il est possible d'utiliser les mêmes tailles de caractère que sur Word. Pour cela, il suffit d'indiquer la taille à la place du X suivi du sigle "pt" (ex:48pt).

n'oubliez pas le sigle après le nombre sinon le browser ne changera pas car le nombre est supéreur à la valeur maximale qui est de 7.

<BLINK> ...</BLINK>: texte clignotant

: cette balise ne fonctionne que sous Netscape.

Le texte compris entre ces balises clignotera mais n'en abusez pas car il devient vite fatigant pour les yeux.
<ADRESS>... </ADRESS>: adresse
Ce tag sert à indiquer son adresse.
<STRIKE>...</STRIKE>:texte barré
Ex:coucou
<MARQUEE>...</MARQUEE>: texte défilant dans la page.
<acronym title="Mot">Acronyme</acronym>
Sert à définir un acronyme (sigle formé des initiales du mot qu'il représente et qui se prononce comme un mot ordinaire, sans épeler les lettres ). Voici un exemple:
S.N.C.B.
<nobr>...</nobr> empêche la rupture automatique de ligne du navigateur. Celui-ci ne va pas à la ligne tant que la balise <nobr> n'est pas fermée.
<dl>:introduit une défininion. Voici sa syntaxe:

<dl>
<dt>mot</dt>
<dd>définition</dd>
</dl>

mot représente le mot à définir et définition sa définition.
<ins>...</ins>:texte inséré. Cette balise représente du texte inséré. Il est généralement souligné.

précédent   suivant

Creative Commons License
Sauf mention contraire, le contenu de cette page est sous licence Creative Commons
Page générée en 0.3613 secondes.
Retour en haut de la page
Imprimer cette page