Chapitre 3: Les polices et tout ce qui suit

Ce chapitre rassemble les codes de polices (changer de fond, de style, de taille de police, ...)

  • Ecrire en préformaté
  • Ecrire en gras
  • Ecrire en italique
  • Ecrire en courrier
  • Ecrire en petit
  • Ecrire en exposant
  • Souligné un texte
  • Barré un texte
  • Niveau de titre
  • Les propriétés de <font> (taille, polices, font d'écran, ...)
  • Les propriétés de <body>
  • Changer l'aspect des liens


    Ecrire en préformaté

    Pour écrire en préformaté c'est <PRE>.
    <PRE>Le préformaté permet d'écrire comme
    dans le bloc-notes.</PRE>
    c'est à dire que si on saute une ligne dans le bloc-notes, la ligne est sautée aussi dans le navigateur.

    Le préformaté permet d'écrire comme
    dans le bloc-notes.
    
    On ne l'utilise jamais ou très rarement. Retour au menu


    Ecrire en gras

    Pour écrire en gras c'est <B>.
    J'écris normalement, <B>j'écris en gras</B>.
    J'écris normalement, j'écris en gras.
    Retour au menu


    Ecrire en italique

    Pour écrire en italique c'est <I>.
    J'écris normalement, <I>j'écris en italique</I>.
    J'écris normalement, j'écris en italique.

    On peut utilisé le code <ADDRESS> pour écrire une adresse mail genre italique (dépend du navigateur)
    Mon adresse: <ADDRESS>DeAmOn02@ifrance.com</ADDRESS>
    Mon adresse:

    DeAmOn02@ifrance.com

    Dans ce cas <ADDRESS> fait automatiquement sauter une ligne. Retour au menu


    Ecrire en courrier

    Pour écrire en courrier c'est <TT>.
    J'écris normalement,<TT>j'écris en courrier</TT>.
    J'écris normalement, j'écris en courrier.
    Retour au menu


    Ecrire en petit

    Pour écrire petit c'est <SMALL>.
    J'écris normalement, <SMALL>j'écris en petit</SMALL>.
    J'écris normalement, j'écris en petit.
    Retour au menu


    Ecrire en exposant

    Pour écrire en exposant c'est <SUP>.
    1<SUP>er</SUP>.
    1er.
    Retour au menu


    Souligné un texte

    Pour souligné un texte c'est <U>.
    Ce <U>texte</U> est souligné.
    Ce texte est souligné.
    Retour au menu


    Barré un texte

    Pour barré un texte c'est <S>.
    Ce <S>texte</S> est barré.
    Ce texte est barré.
    Retour au menu


    Niveaux de titre

    Il existe 6 niveaux de taille déjà prévus <H1>, <H2>, <H3>, ...
    <H1>Texte écris en H1.</H1>

    Texte écris en H1.

    <H2>Texte écris en H2.</H2>

    Texte écris en H2.

    <H3>Texte écris en H3.</H3>

    Texte écris en H3.

    Ces niveaux de titre sont surtout utiles pour les titres justement.
    Retour au menu


    Les propriétés de <font>

    Changer la police
    Pour changer la police c'est <FONT FACE>
    Texte écris en Arial, <FONT FACE="Comic Sans Ms">texte écris en Comic Sans Ms</FONT>.
    Texte écris en Arial, texte écris en Comic Sans Ms.

    Changer la taille
    Pour changer la taille c'est <FONT SIZE>
    Texte écris en "+5" au dessus de la taille par défaut: <FONT SIZE="5">c'est moi</FONT>.
    Texte écris en "+5" au dessus de la taille par défaut: c'est moi.

    Changer la couleur
    Pour changer la couleur c'est <FONT COLOR>
    Texte écris en noir (par défaut), <FONT COLOR="VIOLET">texte écris en violet</FONT>.
    Texte écris en noir (par défaut), texte écris en violet.

    Bien sur vous pouvez les assembler pour donner quelque chose du genre <FONT FACE="Arial" COLOR="RED" SIZE="2"> et vous n'avez qu'un seul code de fermeture </FONT>
    Retour au menu


    Les propriétés de <body>

    Changer l'image de font
    Pour changer l'image de font c'est <BODY BACKGROUND>
    <BODY BACKGROUND="../images/fontex.jpg">
    cliquez.

    "../" permet de descendre du dossier actuel on vous êtes. Ici je suis dans le dossier "chap" qui est dans la racine du site dans avec "../" je reviens à la racine du site et je peux aller dans "images" prendre le fichier "fontex.jpg".

    Changer la couleur de fond
    Pour changer la couleur de fond c'est <BODY BGCOLOR>
    <BODY BGCOLOR="YELLOW">
    cliquez.

    Si il y a déjà BACKGROUND, BGCOLOR sera écrasé.

    Changer la couleur du texte
    Pour changer la couleur de tout le texte c'est <BODY TEXT>
    <BODY TEXT="BLUE">
    cliquez.

    Comme avec <FONT> il est recommandé de combiner les extensions.

    <BODY BGCOLOR="YELLOW" TEXT="RED">
    cliquez. Retour au menu


    Changer l'aspect des liens

    Pour changer l'aspect des liens c'est <STYLE>. Attention netscape 4 gère mal la balise <STYLE>

    <STYLE> se met entre <HEAD> et </HEAD>

    <style>
    <!--
    A:link {text-decoration: none; color="#006697"}
    A:visited {text-decoration: none; color="#333399"}
    A:active {text-decoration: none; color="#006697"}
    A:hover {text-decoration: underline; color="#CC3300"}
    -->
    </style>
    Ce <STYLE> est utilisé dans toutes mes pages.

    Pour la décoration du text {text-decoration: } on peut mettre underline(soulignement), overline(soulignement par dessus), bold(gras) et surement d'autre. A vous de chercher :-)

    Pour "color" vous remarquez que ce n'est pas les couleurs en anglais comme précédemment. En fait c'est une autre façon d'écrire les couleurs sous leurs formes html (ou GGB "Red Green Blue"). Cela permet d'en avoir plus et d'être plus précis dans les couleurs car "RED" sera différent selon le navigateur et la version mais ce sera toujours à peu près rouge.

    Pour obtenir ces couleurs, je vous propose un shareware (payant au bout d'un mois) simple et rapide:
    Agile ColorWeb (1,21Mo) ou gratuitement cliquez sur Quick color dans le menu. Retour au menu

    Voilà comme d'habitude vous pouvez remplir le test de ce chapitre ou passer au suivant.

    chapitre 2 Faire le test du chapitre 3 Chapitre 4

    Explode ID: 11223

    Retourner en haut