Mise en forme des caractères |
Comme un logiciel de traitement de texte, le HTML possède un grand nombre d'instructions permettant de mette en forme du texte : titres, sous-titres, démarcation visuelle des passages de texte que l'on veut mettre en valeur.
Ces instructions permettent, entre autre, de modifier la taille des caractères, leur casse, leur couleur et leur police de manière à organiser le texte en une structure cohérente.
<H?> ... </H?>
|
Niveau 1 Niveau 2 Niveau 3 Niveau 4 Niveau 5 Niveau 6 Niveau 7 |
Le texte ainsi mis en forme est interprété de manière relative par le navigateur et dépend donc de sa configuration quant à l'affichage des différents niveaux de titre, la taille physique exacte dépendant de la taille par défaut du programme (niveau 7).Alignement de l'en-tête
<H? ALIGN="LEFT|CENTER|RIGHT">
|
|
<FONT> ... </FONT>
L'affichage de la taille des caractères d'une page HTML peut varier en valeur de 1 à 7 : par défaut, cette valeur est égale à 3, les valeurs inférieures à 3 affichent donc des caractères plus petits et les valeurs supérieures à 3 des caractères plus grands.
<FONT SIZE="?">
<FONT SIZE="1">Taille1</FONT> |
Taille1 Taille2 Taille3 Taille4 Taille5 Taille6 Taille7 |
<FONT SIZE="+|-">
Mon texte de base |
Mon texte de base augmenté d'une taille |
Mon texte de base |
Mon texte de base diminué de deux tailles |
<FONT FACE="nom de police">
Nouvelle police :<BR> |
Nouvelle police : Arial |
Si une police ainsi définie n'est pas présente sur l'ordinateur de l'utilisateur, son navigateur affichera la police qu'il utilise par défaut; il est donc souhaitable d'éviter de faire appel à cette commande pour l'utilisation de polices peu courantes.
<FONT COLOR="?">
|
|
<BASEFONT SIZE="?">
<BASEFONT COLOR="couleur">
<BASEFONT FACE="non de police">
Les attributs physiques, communs à la plupart des navigateurs, permettent d'afficher du texte de manière à ce qu'il se démarque d'un ensemble par sa mise en forme :
<B> ... </B>
<U> ... </U>
<I> ... </I>
<S> ... </S>
Mon texte <B>en gars</B>
.Mon texte en gras. Mon texte <U>souligné</U>
.Mon texte souligné. Mon texte <I>en italique</I>
.Mon texte en italique. Mon texte <S>rayé</S>
.Mon texte rayé.
<SMALL> ... </SMALL>
<BIG> ... </BIG>
Mon texte <SMALL>plus petit</SMALL>
.Mon texte plus petit. Mon texte <BIG>plus gros</BIG>
.Mon texte plus gros.
<SUP> ... </SUP>
<SUB> ... </SUB>
Mon texte <SUP>en exposant</SUP>
.Mon texte en exposant. Mon texte <SUB>en indice</SUB>
.Mon texte en indice.
Les attributs logiques, qui eux ne sont pas communs à tous les navigateurs, et permettent d'afficher du texte de manière à ce qu'il se démarque d'un ensemble par sa mise en forme en laissant au navigateur le choix de sa mise en forme :Texte mis en valeur
<STRONG>> ... </STRONG>>
Exemple :
Mon texte <STRONG>mis en valeur</STRONG>
.Mon texte mis en valeur.
<EM>Exemple</EM>
Exemple :
Mon texte <EM>mis en valeur</EM>.
Mon texte mis en valeur.
<STRIKE>Exemple</STRIKE>
Exemple :Texte préformaté
Mon texte <STRIKE>mis en valeur</STRIKE>.
Mon texte mis en valeur.
<PRE> ... </PRE>
<PRE WIDTH="40|80|132">
Exemple :
Ici, <BR>
<PRE>
mon texte
préformaté.
</PRE>Ici,
mon texte
préformaté.
<XMP> ... </XMP>
Exemple :
Ici, <BR>
<XMP>
mon texte
<BR>
préformaté.
</XMP>Ici,
mon texte
<BR>
préformaté.
<CITE> ... </CITE>
Exemple :
Mon texte <CITE>de type CITATION</CITE>.
Mon texte de type CITATION.
<CODE> ... </CODE>
Exemple :
Mon texte <CODE>de type CODE SOURCE</CODE>.
Mon texte de type CODE SOURCE
.
<VAR> ... </VAR>
Exemple :
Mon texte <VAR>de type VARIABLE</VAR>.
Mon texte de type VARIABLE.
<SAMP> ... </SAMP>
Exemple :
Mon texte <SAMP>de type EXEMPLE</SAMP>.
Mon texte de type EXEMPLE.
<TT> ... </TT>
Exemple :
Mon texte <TT>de type MACHINE À ÉCRIRE</TT>.
Mon texte de type MACHINE À ÉCRIRE.
<DFN> ... </DFN>
Exemple :
Mon texte <DFN>de type DÉFINITION</DFN>.
Mon texte de type DÉFINITION.
<ADDRESS> ... </ADDRESS>
Exemple :
Mon texte <ADDRESS>de type ADRESSE</ADRESS>.
Mon texte de type ADRESSE.
<KBD> ... </KBD>
Exemple :
Mon texte <KBD>de type CLAVIER</KBD>.
Mon texte de type CLAVIER.
<LISTING> ... </LISTING>
Exemple :
Mon texte <LISTING>de type CODE INFORMATIQUE</LISTING>.
Mon texte de type CODE INFORMATIQUE .
<BLINK> ... </BLINK>
Exemple :
Mon texte <BLINK>clignote</BLINK>.
Mon texte .
<PLAINTEXT> ... </PLAINTEXT>
Exemple :
<PLAINTEXT>Mon texte <BR> préformaté</PLAINTEXT>.
Mon texte <BR> préformaté.
La diversité des systèmes d'exploitation utilisés sur Internet impose l'utilisation d'un jeu de caractères standard à tous pour l'affichage de certains caractères, comme les signes < et > ou les caractères accentués.
Le langage HTML a codifié un certain nombre d'entre ces caractères de manière à ce qu'ils soient reconnus par tous les systèmes d'exploitation : on entre une combinaison précédée du caractère & et terminé par un ; (point virgule).
Voici la liste des caractères spéciaux les plus couramment utilisés :
< = < > = > " = " espace = |
|||
é = é É = É |
è = è È = È |
ê = ê Ê = Ê |
ë = ë Ë = Ë |
à = à À = À |
â = â Â = Â |
û = û Û = Û |
ù = ù Ù = Ù |
ô = ô Ô = Ô |
î = î Î = Î |
ï = ï Ï = Ï |
|
ç = ç Ç = Ç |
Pour ce qui concerne les autres caractères spéciaux, ils peuvent être transcrit dans le mode ISO LATIN1-FR (chaque caractère possédant son propre numéro de code ASCII).