Membre de ClickFR, Reseau francophone Paie-Par-Click
Accueil
Accueil
- [ CSS : ] [ DHTML : ] [ HTML : ] [ JavaScript : ] [ Refs : ]
Accueil

HTML 4

  Mise en forme de caractères (font)

fonction  principe  les methodes  demonstrations  Compatibilite du script... a partir de : 

  Fonction
Par défaut, les navigateurs affichent les textes selon ce qui est indiqué dans leurs préférences.
Vous pouvez vous affranchir de ces préférences en déclarant vous-même les polices, les tailles, graisses et autres mise en forme dans vos pages.
  Principe
Pour cela, plusieurs possibilités (hors feuilles de style) :
  1. la balise <font...> : elle s'enrichit de trois attributs pour régler la police, la taille et la couleur :
    • face : détermine la police qui sera utilisée,
    • size : détermine la taille qui sera utilisée (de 1 à 7, la taille par défaut étant 3 ; vous pouvez également spécifier une taille relative au contexte en indiquant '+2' ou '-1' par exemple),
    • color : détermine la couleur qui sera utilisée,
  2. <big> : équivalent à <font size="+1">,
  3. <small> : équivalent à <font size="-1">,
  4. <b> : met le texte en gras,
  5. <strong> : met le texte en gras (équivalent à <b>),
  6. <i> : met le texte en italique,
  7. <u> : souligne le texte,
  8. <s> : barre le texte,
  9. <strike> : barre le texte (équivalent à <s>),
  10. <cite> : met le texte en italique (en général, en effet il ne s'agit que de signaler que le texte balisé est une citation, pas de recommandation 'visuelle' donc),
  11. <em> : met le texte en italique (en général, en effet il ne s'agit que de signaler que le texte balisé est 'mis en valeur', pas de recommandation 'visuelle' donc),
  12. <code> : met le texte en police courrier (en général, en effet il ne s'agit que de signaler que le texte balisé est un extrait de code de programmation, pas de recommandation 'visuelle' donc),
  13. <sub> : place le texte en indice,
  14. <sup> : place le texte en exposant,
  15. <comment> : équivalent à <!--, </comment> étant équivalent à --> (Internet Explorer uniquement),
  16. <dfn> : met le texte en italique (en général, en effet il ne s'agit que de signaler que le texte balisé est un terme que l'on définit ensuite, pas de recommandation 'visuelle' donc) (Internet Explorer uniquement),
  17. <blink> : fait clignoter le texte (Netscape uniquement).
Toutes ces balises doivent absolument être fermées, sous peine de continuer l'application de la mise en forme au texte venant par la suite.
Ces balises ne créent pas de mise à la ligne.
L'utilisation de feuilles de style (touchant à la mise en forme de caractères) annule la prise en compte de toutes ces balises.
  Les méthodes
La balise <font...>
Texte en <font face="comic">exemple <font color="#FF0000">de mise</font> en <font size="+2">forme</font></font>...

La balise <big>
Texte en <big>exemple de mise</big> en <big>forme</big>...

La balise <small>
Texte en <small>exemple de mise</small> en <small>forme</small>...

La balise <b>
Texte en <b>exemple de mise</b> en <b>forme</b>...

La balise <strong>
Texte en <strong>exemple de mise</strong> en <strong>forme</strong>...

La balise <i>
Texte en <i>exemple de mise</i> en <i>forme</i>...

La balise <u>
Texte en <u>exemple de mise</u> en <u>forme</u>...

La balise <s>
Texte en <s>exemple de mise</s> en <s>forme</s>...

La balise <strike>
Texte en <strike>exemple de mise</strike> en <strike>forme</strike>...

La balise <cite>
Texte en <cite>exemple de mise</cite> en <cite>forme</cite>...

La balise <em>
Texte en <em>exemple de mise</em> en <em>forme</em>...

La balise <code>
Texte en <code>exemple de mise</code> en <code>forme</code>...

La balise <sub>
Texte en <sub>exemple de mise</sub> en <sub>forme</sub>...

La balise <sup>
Texte en <sup>exemple de mise</sup> en <sup>forme</sup>...

La balise <comment>
Texte en <comment>exemple de mise</comment> en <comment>forme</comment>...

La balise <dfn>
Texte en <dfn>exemple de mise</dfn> en <dfn>forme</dfn>...

La balise <blink>
Texte en <blink>exemple de mise</blink> en <blink>forme</blink>...

  Démonstration

Voir les démonstrations

Recherche
aide sur la recherche
hit-parade
Votez TOP Ouaibe !

statistiques
aide sur les contacts aide sur la mailing-list aide sur la newsletter