METTRE EN FORME UN TEXTE

Warning

Nous allons vous introduire à la notion de mise en forme de texte. Pour ce faire, nous allons nous servir de balises qui aujourd'hui ne sont plus utilisées car la mise en forme et le design doit être gérer par le CSS

Introduction

La mise en forme d'un texte en HTML se fait via le couple de balises <font></font>. Il est possible de modifier la taille des caractères, la couleur de la police et police en elle-même.

Modifier la couleur

Pour modifier la couleur, il faut utiliser l'attribut color avec soit le nom de la couleur, la valeur hexadécimale, ou la valeur RVB (Rouge, Vert, Bleu)

Par exemple

• <font color="red">Mon Texte en Rouge</font>
• <font color="#FF000">Mon Texte en Rouge</font>
• <font color="rgb(255,0,0)">Mon Texte en Rouge</font>

Pour convertir la valeur hexadécimale d'une couleur en taux RVB, il faut regrouper les valeurs par 2 puis, pour chaque paire, multiplier la première valeur par 16 et ajouter la seconde. Par exemple

ROUGE : #FF0000

F	F	0	0	0	0
15	15	0	0	0	0
15 * 16	15	0 * 16	0	0 * 16	0
255		0		0

Modifier la taille

L'attribut size associé à la balise <font> permet de modifier la taille des caractères du texte que la balise encadre. Par exemple

ll existe plusieurs unités de mesure possibles retrouvez le tableau des unités de mesures

Modifier la police de caractère

Pour modifier la police de caractère d'un texte, on utilise l'attribut face que l'on paramètre avec le nom de la police que l'on souhaite utiliser. Par exemple

Modifier le style des caractères (gras, italique, souligné)

Il existe deux méthodes pour modifier le style d'écriture

1. utiliser les balises <u/><b/><i/>

   Ces trois balises <u><b><i> (Underline, Bold, Italic) permettent de souligner, de mettre en gras et de mettre en italique un texte de la manière qui suit

   • <|--pour un texte en gras--> <b>Texte en gras</b>
   • <!--pour un texte en italique--> <i>Texte en italique</i>
   • <!-- pour un texte souligné--> <u>Texte souligné.</u>

   Il s'agit des balises basiques. Dans le cadre du référencement, vous pouvez les remplacer par <strong> pour mettre en grase ou <em> pour mettre en italique

2. modifier l'attribut style de la balise <font> On peut modifier le style d'écriture en paramétrant l'attribut style
   • <!--pour mettre en gras--> <font style="font-weight:bold;">Texte en gras</font>
   • <|--pour mettre en italique--> <font style="font-variant :italic;">Texte en italique</font>
   • <!--pour souligner--> <font style="text-decoration:underline;">Texte souligné</font>