Mise en forme des caractères



    Rejoingez moi sur Google+ Rejoingez moi sur Facebook

 

- la couleur des caractères

 

Pour varier la couleur du texte on utilise la balise " font" avec l'attribut "color", il y a plusieurs possibilités d'écriture suivant les codes de couleur utilisé:

<font color="#123456"> </font> pour les codes html, il y a toujours 6 caract&egraveres hexadécimal après le #

ce qui donne <font color="#FF0000"> Un texte rouge

<font color="couleur"> </font> pour les codes anglais

ce qui donne <font color="blue"> Un texte bleu

 

- la police des caractères

 

Pour varier la police des caractères on utilise l'attribut " face", <font face="police"> </font>
ce qui donne <font face="arial"> Un texte arial
ou <font face="comic sans MS"> Un texte comic sans MS

Il faut savoir qu'un ordinateur ne lis en html que les police qu'il contient, utilisé les polices les plus courante pour que votre page soit lu correctement par tout vos lecteurs.

 

- Balise divers

 

La balise " B" pour mettre le texte en gras, elle est remplacée par 'strong':
<B> </B>
ce qui donne <B>Un texte en gras</B> Un texte en gras

La balise" STRONG" pour mettre le texte en gras:
<STRONG> </STRONG>, elle s'emploie comme la balise "B"

La balise" I" pour mettre le texte en italique:
<i> </i>
ce qui donne <I>Un texte en italique</I> Un texte en italique

La balise" EM" pour mettre le texte en italique:
<EM> </EM>, elle s'emploie comme la balise "I"

La balise " U" pour mettre souligné le texte :
<U> </U>
ce qui donne <U>souligne le texte</U> souligne le texte

On peut bien sur combiner ces balise:
vous commencer en gras, puis en italique et enfin souligné
il faut ecrire:
<B>vous commencer en gras, <I>puis en italique <U>et enfin souligné</U></I></B>

Pour éviter les problèmes toujours refermer les balises dans l'ordre inverse d'ouverture: <U><B>...</B></U> et non pas <U><B>...</U></B>

la balise " SUP" permet d'inseré un exposant:
<sup>exposant </sup>
ex:
X<sup>2</sup> + Y<sup>3</sup>=
ouM<sup>elle</sup> Dupond
ce qui donne:
X2 + Y3=
ou Melle Dupond


<<Précédent | Retour Tutos | Retour HTML | Suivant>>








 

© Copyright 2005 - 2013 Kit-GraphiK.com  
Designed By : Template World