Vous êtes sur la page 1sur 4

Exercices HTML

www.rahmouni.ma

Styles et polices de caractres, formules mathmatiques


Thme
Passage en revue des principales techniques de mise en forme du texte (styles, polices...).

Balises

Encodage des caractres spciaux selon la syntaxe suivante : &nom; ou &#code_dcimal; exemples : &lt; = "<" , &gt; = ">" , &amp; = "&" , &nbsp; = "espace significatif" , &copy; = , &reg; = , &eacute; = , &Eacute; = , &ccedil; = , &laquo; = , &raquo; = , &frac14; = Styles "physiques" (peuvent tre combins les uns avec les autres) : <B> texte en gras </B> <I> texte en italique </I> <U> texte soulign </U> <STRIKE> texte biff </STRIKE>
<TT> texte en police chasse fixe </TT>

texte clignotant </BLINK> (Netscape seulement, et ne peut tre appliqu qu' du texte) Styles "logiques" (peuvent tre combins les uns avec les autres) : <STRONG> texte en gras </STRONG> <EM> texte en italique </EM> (emphasize) Acronymes (permet d'afficher la signification d'une abrviation lorsqu'elle est survole par le curseur) : <ACRONYM TITLE="signification..."> acronyme </ACRONYM> (exemples : HTML, CSS) Centrage dans la page (3 mthodes) : <DIV ALIGN="center"> texte ou objets... </DIV> <P ALIGN="center"> texte ou objets... </P> <CENTER> texte ou objets... </CENTER> (dprci, viter) Justification droite (2 mthodes) : <DIV ALIGN="right"> texte ou objets... </DIV> <P ALIGN="right"> texte ou objets... </P>
<BLINK>

Exercices HTML

www.rahmouni.ma

Indices et exposants : exposant <SUB>indice</SUB>, <SUP> </SUP> Taille et couleur du texte : <FONT SIZE="1 7"ou"-2 +4" COLOR="couleur"> texte... </FONT> (3=taille par dfaut ; 4=>+20% ; 2=>-20% ; etc...) Police et/ou famille de caractre : <FONT FACE="police1,police2,famille..."> texte... </FONT> Outre les polices, on peut spcifier les familles de polices suivantes : serif, sans-serif, monospace, cursive, fantasy Pour changer globalement la taille, la couleur et la police dans toute une page, utiliser les styles CSS1, ou placer la balise suivante dans le bloc <HEAD>...</HEAD> : <BASEFONT SIZE="1 7"ou"-2 +4" COLOR="couleur"
FACE="police1,police2...">

(attributs En outre :

COLOR

et

FACE

interprts par IE seulement)

voir la technique des feuilles de styles (CSS, Cascading Style Sheets) qui permet de mettre en forme un ensemble de pages HTML beaucoup plus efficacement (et en simplifiant/purant le code HTML) en ce qui concerne les caractres grecs : soit utiliser police de caractre "Symbol" (solution non multi-plateforme) ou plutt recourir l'encodage dcrit en rfrence ci-dessous pour afficher de vritables formules (mathmatiques...), une bien meilleure solution consisterait par exemple utiliser la librairie JavaScript open-source jsMath ; base sur la syntaxe TeX, fonctionnant avec tous les navigateurs rcents, et ne ncessitant pas de polices spciales sur le

Exercices HTML

www.rahmouni.ma

Exercice
Etape Ralisez en HTML le systme d'quations suivant : X2 = X1 cos( + ) - Y1 sin( + ) Y2 = X1 sin() + Y1 cos()

Exercices HTML

www.rahmouni.ma

Solution
Etape Solution
<CENTER> <B>X<SUB>2</SUB></B> = X<SUB>1</SUB> cos(&#945; + &#946;) Y<SUB>1</SUB> sin(&#945; + &#946;) <BR> <B>Y<SUB>2</SUB></B> = X<SUB>1</SUB> sin(<FONT FACE="Symbol">a + b</FONT>) + Y<SUB>1</SUB> cos(<FONT FACE="Symbol">a + b</FONT>) </CENTER>

Ralisez en HTML le systme d'quations suivant : 1 X2 = X1 cos( + ) Y1 sin( + ) Y2 = X1 sin() + Y1 cos()

Vous aimerez peut-être aussi