Chapitre suivantIndex des CoursChapitre précedentChapitre 3

Mise en forme des caractères.

 

  1. La mise en forme logique
  2. La mise en forme physique
  3. Les polices de caractères
  4. L'accentuation


La mise en forme logique.
Ces instructions dites logiques, laissent le navigateur interpréter le formatage du texte. Ces balises sont souvent utilisées dans un environnement non graphique (sous DOS par exemple). A noter qu'elles sont de moins en moins utilisées.

Pour utiliser ces balises, il suffit d'entourer votre texte avec la balise d'ouverture choisie et la balise de fermeture correspondante.

Voici toutes les balises de mise en forme logique et le code source.

<CITE>CITE : Pour effectuer une citation.</CITE> 
CITE : Pour effectuer une citation.
<CODE>CODE : Pour indiquer du code informatique.</CODE> 
CODE : Pour indiquer du code informatique.
<EM>EM : (emphase) Similaire à l'italique.</EM>
EM : (emphase) Similaire à l'italique.
<KBD>KBD : (Keyboard, clavier) Utilisé généralement 
pour indiquer une réponse d'utilisateur.</KBD>
KBD : (Keyboard, clavier) Utilisé généralement pour indiquer une réponse d'utilisateur.
<SAMP>SAMP : Affiche les caractères de 
manière littérale.</SAMP> 
SAMP : Affiche les caractères de manière littérale.
<STRONG>STRONG : Permet de faire 
ressortir du texte (gras).</STRONG>
STRONG : Permet de faire ressortir du texte (gras).
<VAR>VAR : Indique une variable.</VAR>
VAR : Indique une variable.
 <DFN>DFN : Permet de créer une sous définition.</DFN> 
DFN : Permet de créer une sous définition.

Vous pouvez bien sur imbriquer plusieurs balises attention tout de même à respecter l'ordre de fermeture.

ex :

<EM><STRONG>Texte en italique et en gras</STRONG></EM>   
Texte en italique et en gras

La mise en forme physique.

Ces instructions dites physiques sont plus proches de l'auteur, en effet, avec ces balises ci-dessous c'est vous qui décidez ce que le navigateur affichera, même s'il y a certaines limites.

Pour utiliser ces balises, il suffit d'entourer votre texte avec la balise d'ouverture choisie et la balise de fermeture correspondante.

Voici toutes les balises de mise en forme physique et le code source.
<B>B : Permet de faire ressortir du texte gras.</B>
B : Permet de faire ressortir du texte gras.
<I>I : Met le texte en Italique (ou <ITALIC>).</I>
I : Met le texte en Italique (ou <ITALIC>).
<TT>TT : Affiche le texte en police style 
machine à écrire.</TT>
TT : Affiche le texte en police style machine à écrire.
<U>U : Souligne le texte.</U>
U : Souligne le texte.
<STRIKE>STRIKE : Barre le texte.</STRIKE>
STRIKE : Barre le texte.
<BIG>BIG : Permet d'utiliser une police 
plus grande.</BIG>
BIG : Permet d'utiliser une police plus grande.
<SMALL>SMALL : Permet d'utiliser une 
police plus petite.</SMALL>
SMALL : Permet d'utiliser une police plus petite.
SUB : <SUB>Affiche le texte en indice 
(décalé vers le bas de la ligne).</SUB>
SUB : Affiche le texte en indice (décalé vers le bas de la ligne).
SUP : <SUP>Affiche le texte en exposant 
(décalé vers le haut de la ligne).</SUP>
SUP : Affiche le texte en exposant (décalé vers le haut de la ligne).


Vous pouvez bien sur imbriquer plusieurs balises attention tout de même à respecter l'ordre de fermeture.

ex :

<I><B>Texte en italique et en gras</B></I>     

Texte en italique et en gras

Les polices de caractères.

Il n'y a rien de plus facile à spécifier une police, la méthode à utiliser par le HTML s'appuie sur la balise <FONT>, cependant pour que votre document se visualise correctement (c'est à dire avec la police définie dans votre document), essayer d'employer une police standard (arial, courrier ...) à toutes les plates-formes, sinon la police paramétrée par défaut sur le navigateur de chaque visiteur sera affichée.

La balise <FONT> possède plusieurs attributs :

La balise <BASEFONT>

La balise <BASEFONT> est utilisée pour définir la police standard, elle ne possède pas de balise de fermeture, et elle emploie les mêmes attributs que la balise <FONT>. En réalité il n'y a aucune différence importante avec la balise <FONT>.

Quelques exemples d'utilisation de la balise <FONT> et leur code source.

 <FONT FACE="Comic Sans Ms, arial" > 
Police Comic Sans Ms - Taille par défaut (3)
</FONT>
Police Comic Sans Ms - Taille par défaut (3)
  <FONT FACE="Impact, verdana" SIZE=2 COLOR="green"> 
Police Impact - Taille 2 - Couleur : Verte
</FONT>
Police Impact - Taille 2 - Couleur : Verte

L'accentuation.

Pour inclure des caractères accentués, vous devez remplacer la lettre accentuée par l'entité correspondante (code ISO 88-59-1 ou ISO Latin-1). Ceci avant tout pour permettre une harmonisation entre les différents systèmes d'exploitations et surtout entre les différentes particularités de chaque langue. Le principe est le même pour insérer des caractères spéciaux.

Pour exemple voir tableau :

  1. Codes numériques des principaux caractères spéciaux.
  2. Codifications HTML des principaux caractères accentués.

Chapitre précedentIndex des CoursChapitre suivant

Révisé le :21-Jan-2009|©2009 www.technologuepro.com