Scribd Logo
Importer

Bienvenue sur Scribd !

  • 308 vues

    3 - Exercices HTML Caracteres Speciaux Styles Et Tailles de

    Transféré par

    fouad abdelhamid

    Droits d'auteur :

    Attribution Non-Commercial (BY-NC)
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd

    3 - Exercices HTML Caracteres Speciaux Styles Et Tailles de

    Transféré par

    fouad abdelhamid
    308 vues4 pages

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Formats disponibles

    PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Droits d'auteur :

    Attribution Non-Commercial (BY-NC)
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Télécharger au format pdf ou txt
    308 vues4 pages

    3 - Exercices HTML Caracteres Speciaux Styles Et Tailles de

    Transféré par

    fouad abdelhamid

    Droits d'auteur :

    Attribution Non-Commercial (BY-NC)
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Télécharger au format pdf ou txt
    sur 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