• LE DETAIL des BALISES et des ATTRIBUTS


    Toutes les balises ne sont pas reprises ci-après.
    Nous n'avons retenu que celles qui sont les plus habituellement utilisées.



    Pour les balises TABLE / TR / TH / TD - voir TABLEAUX

    Pour les balises FRAMESET / FRAME / NOFRAMES - voir CADRES

    Les balises - marqueurs sans fin </   > : sont <BR> <HR> <IMG> <P> <LI>
    --------------------------------------------------
    La balise A

    A doit contenir au moins l'attribut HREF ou NAME

    ( HREF = Hypertext Reference )

    Pour plus de détail voir plus haut pour A

    et pour NAME

    Elle peut contenir BR et IMG, mais pas d'autres balises.
    Elle peut se trouver dans ADDRESS - Hn - P - PRE - LI.
    ------------------------------------------------------
    La balise ADDRESS

    Cette balise est la plus utilisée pour donner l'adresse de l'auteur ou du responsable du document, ainsi que le cas échéant la date de mise à jour.
    Elle apparaît en italique à l'écran et se place généralement en fin de texte après une ligne et contient l'adresse E-mail.

    Exemple :
    <HR>
    <ADDRESS> Mise &agrave; jour le jj/mm/aa par J.J. Haxhe<BR>
    E-mail:<A HREF="mailto:haxhe@hosp.ucl.ac.be">
    haxhe@hosp.ucl.ac.be </A>
    </ADDRESS>
    </BODY>
    </HTML>

    Notez ici l'URL "mailto:" suivie de l'adresse de courrier électronique.
    En cliquant sur l'adresse en surbrillance, une page de courrier électronique prête à l'emploi s'ouvre spontanément sur certains navigateurs.
    ----------------------------------------------
    La balise BLINK

    Placée autour d'un texte ou d'une petite image, ceux-ci clignotent pour attirer l'attention. Fortement déconseillé .
    Ex.: <BLINK> Abonnez-vous</BLINK>
    ---------------------------------------
    La balise BLOCKQUOTE

    La balise <BLOCKQUOTE>......</BLOCKQUOTE> permet d'indenter de un cran un fragment de texte.

    Elle peut contenir Hn - P - HR - UL et OL
    Elle doit logiquement être suivie de <P> Texte...

    -------------------------------------------------
    La balise BODY

    La balise BODY est toujours présente sauf si la page se rapporte à des FRAMEs. (voir plus loin)
    Elle peut avoir deux attributs : BGCOLOR et TEXT
    BGCOLOR définit la couleur du fond de page.
    TEXTdéfinit la couleur du texte dans le document. Par défaut, il est noir.

    N.B.: En dehors d'une couleur d'arrière-plan, on peut aussi mettre une image d'arrière plan ( ne pas dépasser 10 K ) par :

    <BODY BACKGROUND="xyz.gif">

    Les couleurs sont spécifiées par le code RGB (red, green, blue)
    Rouge = "#FF0000"
    Vert = "#00FF00"
    Bleu = "#0000FF"
    Blanc = "#FFFFFF"

    Ex.: Fond blanc :
    <BODY BGCOLOR="#FFFFFF">

    Fond blanc et tout le texte rouge:
    <BODY BGCOLOR="#FFFFFF" TEXT="#FF0000">

    Les 20 couleurs reconnues par Netscape Navigator et toute version de Microsoft Explorer.
    Les couleurs peuvent être indiquées par un codage hexadécimal ou par une désignation significative plus facile à mémoriser.
    Le même résultat est obtenu par les commandes :bgcolor=green ou bgcolor="#008000"

    Vous pouvez aussi choisir dans une palette de couleurs


    Tableau de concordance des codes et des couleurs
    résultat codage significatif codage hexadécimal résultat
      white FFFFFF  
      silver C0C0C0  
      gray 808080  
      black 000000  
      red FF0000  
      crimson DC143C  
      maroon 800000  
      brown A52A2A  
      yellow FFFF00  
      aliceblue 9ACD32  
      lime 00FF00  
      green 008000  
      olive 808000  
      aqua 00FFFF  
      lightslategray 778899  
      teal 008080  
      blue 0000FF  
      blueviolet 8A2BE2  
      navy 000080  
      fuchsia FF00FF  
      purple 800080  


    ---------------------------------------------
    La balise BR

    Il s'agit d'un retour de ligne.
    On peut mettre plusieurs <BR> à la queue-leu-leu pour augmenter des espaces.

    BR n'a normalement pas d'attribut, sauf CLEAR="left" ou CLEAR="right" qui peut être utile pour séparer le texte suivant une image (voir balise IMG)
    -------------------------------------------------
    La balise CENTER

    Cette balise permet de centrer des textes, des titres, des images, des tableaux...
    Nous en avons vu des exemples.
    <CENTER>..........</CENTER>
    -------------------------------------------------------
    La balise DL (Definition List)

    Cette balise est intéressante pour établir une liste de définitions ou un glossaire.
    DL est suivi par deux balises : DT et DD
    DT est suivi du mot à définir (Directory Term)
    DD est suivi de la définition (Directory Definition), qui se place légèrement en retrait.

    DT et DD s'emploient en pair, mais plusieurs DT peuvent être suivis par un seul DD si plusieurs termes ont la même définition.

    Par contre, il ne peut pas y avoir plusieurs DD successifs sans DT intermédiaire.
    DT et DD peuvent contenir de multiples paragraphes séparés par <P> de même que des listes. (voir ci-après)

    <DL> se termine toujours par </DL>

    Ex:
    <DL>
    <DT>Livre
    <DD>Un livre est un recueil de pages.
    <DT>HTML
    <DD>HyperText Markup Language
    </DL>
    -----------------------------------
    La balise DT

    Le terme à définir est court, moins d'une ligne.
    Cette balise suit directement DL; elle peut contenir des caractères , A, BR, IMG
    Elle ne doit pas être terminée par </DT> qui se trouve implicitement dans DD , dans un autre DT ou dans </DL>
    -------------------------------------
    La balise DD

    Cette balise se trouve toujours après DT
    Elle peut contenir du texte, A, BR, IMG, DL, UL, OL, BLOCKQUOTE, P, PRE.
    Elle ne doit pas être terminée par </DD> qui se trouve implicitement dans le <DT> suivant ou dans </DL>
    ------------------------------------
    La balise FONT

    Deux attributs permettent de modifier la taille et la couleur du texte.
    La taille des caractères peut être augmentée ou diminuée par rapport au restant du texte . La taille va de 1 à 7 et par défaut, elle s'élève à 3.

    <FONT SIZE="+1"> ou <FONT SIZE="-1"> texte </FONT>
    font varier la taille en plus ou en moins.

    <FONT COLOR="#FF0000"> ...texte en rouge...</FONT>

    Pour le code RGB des couleurs voir sous "balise BODY "

    --------------------------------------
    La balise Hn

    La balise H ( Heading) est suivie d'un chiffre de 1 à 6 du plus grand au plus petit.
    Hn est utilisé pour un titre, un sous-titre, un sous-sous titre...
    Les lettres apparaissent en caractère gras.

    On peut centrer un titre en écrivant : <Hn ALIGN="center">suivi de </Hn>
    On peut aussi écrire: <Hn ALIGN="right"> - (left est par défaut)

    H1 à H6 peuvent contenir A - IMG - BR
    Elles peuvent se trouver dans BODY et BLOCKQUOTE, mais jamais dans une liste
    -----------------------------------------------
    La balise HEAD

    Comme nous l'avons vu plus haut, elle doit contenir la balise <TITLE> .

    <TITLE> devrait être bref, concis et descriptif, ne contenant que du texte et ne devrait pas compter plus de 64 caractères y compris les espaces ou 5 à 6 mots maximum. C'est ce qui apparait en haut dans le cadre du navigateur et s'inscrit dans les bookmarks.
    TITLE ne peut pas contenir de caractère accentué. S'il le faut, on peut donc utiliser des majuscules.

    HEAD peut aussi contenir <META.....> pour mentionner des informations concernant le document. On n'employera pas de caractère accentué
    Une utilisation intéressante consiste à employer cette balise pour permettre l'indexation du document par mot-clés par les robots, chercheurs de documents.

    On affecte META de deux attributs NAME et CONTENT

    Ex.: <META NAME="description" CONTENT="A large teaching hospital in Brussels - Belgium">

    On ajoutera en plus :

    <META NAME="keywords" CONTENT="hospital,university,Louvain, Belgium,teaching hospital">

    Remarquez que - teaching hospital - ne comporte pas de virgule et sera ainsi traité comme un seul mot-clé

    Certains chercheurs de documents comprendront que ce sont des mot-clés pour indexer le document. (promotion du document)

    D'autre part, certains éditeurs qui génèrent le code HTML, ajoutent systématiquement un <META NAME="generator" CONTENT="XYZ"> mentionnant le type d'éditeur utilisé.
    On peut carrément supprimer cette information.

    Notons que la balise META peut être utilisée pour charger un nouveau document après un certain nombre de secondes en utilisant l'attribut HTTP-EQUIV et la valeur REFRESH. L'attribut CONTENT est suivi d'une valeur X représentant le nombre de secondes à attendre avant de charger la page définie par l'URL séparé par un point virgule.

    Ex.:

    <META HTTP-EQUIV="REFRESH" CONTENT="5;URL=http://www.xx.yy/zz">

    ou, si le fichier se trouve dans le même répertoire,

    <META HTTP-EQUIV="REFRESH" CONTENT="5;URL=fichier.htm">

    La page actuelle disparaît automatiquement après 5 secondes pour être remplacée par la page "fichier.htm". (ou http://www.xx.yy/zz ).

    En plaçant la balise <META HTTP-EQUIV="REFRESH" CONTENT="5;URL=........."> dans divers fichiers successifs (qui se substituent les uns aux autres), on peut créer une boucle ou un diaporama.

    Sous la balise HEAD, avant </HEAD>, on peut aussi insérer les balises d'accès à la "Feuille de style" (style sheet) voir sous la balise STYLE

    ------------------------------------------
    La balise HR

    C'est une ligne horizontale ( Horizontal Rule) à travers l'écran.
    Elle termine le paragraphe précédent et doit logiquement être suivi de <P> s'il y a encore du texte.

    Voir exemple ci-dessus pour terminer un texte.
    Sans attribut, HR traverse tout l'écran

    On peut y ajouter quatre attributs:

    Exemple : <HR SIZE="4" WIDTH="80%">
    ----------------------------------------------
    La balise IMG

    Voir plus haut

    On a déjà vu que l'on pouvait attribuer l'attribut ALIGN avec "top" - "middle" et "bottom" pour aligner le texte au sommet de l'image, au centre ou au bas ( par défaut)

    * On peut aussi écrire ALIGN="left" ou ALIGN="right". Ceci permet d'écrire du texte à côté de l'image en alignant celle-ci à gauche ou a droite.
    MAIS si, après l'alignement de l'image, on ne veut pas mettre de texte à côté de l'image, il faut placer <BR> ou <P> après l'étiquette de l'image, sinon le texte se place à droite ou à gauche spontanément.

    * Si d'autre part on a placé du texte à côté de l'image et que l'on veut interrompre pour continuer en dessous de l'image, il faut interrompre le texte par <BR CLEAR="left"> pour que la suite apparaisse sous l'image.
    (Ce sera <BR CLEAR="right"> si l'image est placée à droite.

    * L'attribut HSPACE définit un espace horizontal libre exprimé en pixel entre l'image et le texte, à l'avant et après.

    On écrit alors par exemple <IMG SRC="image.gif" HSPACE="8"> pour donner un espace de 8 pixels entre l'image et le texte.

    * L'attribut VSPACE définit un espace vertical libre entre l'image et le texte.

    * On peut aussi indiquer la dimension de l'image en pixels ainsi que la bordure ( si on la désire) par les trois attributs suivants :
    HEIGHT=
    WIDTH=
    BORDER= (indique l'épaisseur du bord en pixels).

    Ex.: <IMG SRC="image.gif" ALIGN="left" HEIGHT="140" WIDTH="140" BORDER="2" >

    Pour apprécier la taille en pixels, rappelons qu'il faut estimer qu'un écran normal fait de l'ordre de 640 x 480 pixels. On recommandait 300 x 480 pixels, mais les écrans étant debenu plus grand, on peut aller jusqu'à 600 x 800 pixels..

    Voir aussi quelques explications concernant la TAILLE de l'image
     

  • Il est conseillé de ne pas dépasser 256 couleurs (8 bits).

  •  
  • Si IMG est lié à une image introuvable, une icône avec un point d'interrogation p.ex. apparaît. Alors, il faut s'assurer que l'image existe et que le lien à l'URL est correct.


  • ----------------------------------------------
    La balise EMBED

    On peut remplacer la balise <IMG SRC="... par la balise <embed src="..., mais le plus souvent cette balise est utilisée pour lié un fichier de son (musique) à une page en HTML.

    Cette balise a été créée patr Netscape, elle permet d'insérer un objet multimédia, tel qu'un fichier son ou vidéo, dans la page.
    La balise <OBJECT>   homologuée par le très officiel World Wide Web et supportée par tous les navigateurs reconnaissant le HTML 4.0, remplace souvent la balise <EMBED>.

    Attributs:

  • AUTOSTART="..."--Spécifie si l'objet inséré (son ou vidéo) démarre ou non à l'ouverture de la page . Valeurs possibles : "TRUE" ou "FALSE".
  • HIGHT ="..."--Spécifie la hauteur de l'affichage de l'objet en pixels ou en pourcentage de l'écran.
  • LOOP= "..."--Spécifie si l'objet inséré (son ou vidéo) boucle ou non. Valeurs possibles : "TRUE" ou "FALSE".
  • NAME= "..."--Spécifie le nom de l'objet inséré, au cas où il y aurait d'autres objects s'y référant.
  • SRC= "..."--Spécifie le chemin d'accès du fichier de l'objet inséré.
  • WIDTH= "..."--Spécifie la largeur de l'affichage de l'objet en pixels ou en pourcentage de l'écran.

  • Exemple pour inclure une séquence de musique dans une page HTML :

    <embed src="Toccata.mp3" loop="true" autostart="true" hidden="true" volume="75%"></embed>

    "hidden" précise que les contrôles du logiciel musical n'apparaissent pas; "volume" est celui à employer par les haut-parleurs.

    N.B.: Il est recommander de placer cette ligne de commande avant la fin de la page HTML, avant le </BODY>

    On obtient le même résultat en utilisant la balise OBJECT

    Il faut alors écrire :

    <object type="audio/midi" data="Toccata.mp3">
    <param name="autostart" value="true" />
    <param name="loop" value="true" />
    </object>

    --------------------------------------
    La balise P

    Cette balise se place en début de paragraphe. Elle est donc toujours suivie de texte ou d'image.

    P peut être suivi de l'attribut ALIGN avec le complément "center" ou "right" pour centrer le texte du paragraphe qui suit ou le placer à droite:

    ex.: <P ALIGN="center">

    Comme dit plus haut, plusieurs <P> consécutifs n'augmentent pas l'espace.

    On peut cependant utiliser l'astuce de mettre plusieurs fois <P>&nbsp;
    (&nbsp; est un caractère exprimant un "blanc" ; c'est le caractère 160, parmi les 256 caractères ISO Latin-1)

    N.B.: Le conteneur <DIV> et </DIV> a environ le même effet que <P>, mais sans saut de ligne en fin de bloc.
    -----------------------------------------------
    La balise PRE ( pour "preformated")

    La balise <PRE> .....</PRE> permet de maintenir la structure du texte préformaté c-à-d tel qu'il apparaît à l'écran, en préservant les retours de lignes et les espaces.

    Le style est du type "machine à écrire"

    On l'utilise

    • pour créer des tableaux,
    • pour des exemples de texte,
    • pour des citations.
    Sous PRE, on peut seulement utiliser des <B> , des <I> et des ancres <A>, mais on ne peut pas y mettre des <IMG>.

    Les balises n'altèrent pas la structure du texte. Il faut donc créer le tableau tel qu'il devra apparaître et ENSUITE introduire les balises.

    N.B. :

  • Ce n'est cependant pas tellement facile de réaliser les bons alignements dans un tableau.

  •  
  • Quand on compose un tableau, il faut créer les espaces avec la barre d'espacement et ne pas utiliser la touche de tabulation car les navigateurs interprètent différemment les espaces de tabulation.

  • Exemple à télécharger en format SOURCE.
    --------------------------------------------------
    La balise SUB

    Cette balise permet d'abaisser un chiffre

    Ex : H2O s'écrit : H<SUB>2</SUB>O
    ------------------------------------------
    La balise SUP

    Cette balise est commode pour créer un exposant :

    Ex : 105 s'écrira : 10<SUP>5</SUP>
    ---------------------------------------
    Les balises UL et OL
    Une liste ne peut jamais contenir que des balises de la liste <LI>

    UL = liste non ordonnée.
    Elle doit être suivie directement par LI
    Elle peut se trouver sous BLOCKQUOTE et LI (listes encastrées)

    Certains navigateurs acceptent l'attribut TYPE pour indiquer le caractère qui précède chaque élément de la liste.

    Par défaut, c'est généralement un gros point noir pour la première liste et un petit cercle pour une deuxième liste imbriquée.

    Ex: <UL TYPE="disc"> ou bien "circle" ou bien "square"
    -----------------------
    OL = liste ordonnées
    Elle doit être suivie directement par LI
    Elle peut se trouver sous BLOCKQUOTE et LI (listes encastrées)

    Elle accepte deux attributs
    START="n"
    indique le chiffre par lequel la liste commence (1 par défaut)

    TYPE= "A" ou "a" ou "I" ou "i" ou "1"
    indique le mode de numérotation

    N.B.:

  • Une liste n'est jamais vide et il faut toujours la terminer par </UL> ou </OL> selon le cas.

  •  
  • Une cascade de listes imbriquées (ordonnées et non ordonnées) est autorisée, mais on recommade de ne pas dépasser 3 niveaux.

  • -----------------------------------------------------
    La balise LI
     
    • LI se trouve directement après UL ou OL
    • LI peut contenir A - BR - IMG - OL - UL - P - BLOCKQUOTE
    • LI ne peut pas contenir de Hn !

    •  
    • <LI> - sous UL ou OL- porte le texte en retrait
    • doit toujours être suivi d'un texte ou d'une image...
    • est précédé d'un bouton ou autre indicateur (voir ci-dessus)
    • ne doit pas être terminé par </LI> parce qu'il se termine implicitement par une autre balise de la liste <LI> ou par la fin de liste </UL> ou </OL>


    Il faut écrire le texte après <LI> sans espace, sinon l'alignement de l'indentation peut être tordu.

    N.B. :

  • <LI> réordonne toujours la liste, même quand il est placé autrement dans le document de base
  • Pour créer des espaces plus larges : utiliser <BR><BR>. Puisque <LI> fait une retour de ligne, le premier <BR> n'est pas pris en compte.
  • <LI> est parfois utilisé seul (sans UL ou OL) , pour placer des boutons, comme ceux-ci. Alors, il n'est pas indenté. (ceci n'est pas classique)
  • LI accepte deux attributs

  • TYPE (comme indiqué ci-dessus selon le type de liste)

    VALUE="n" ( VALUE=5 signifie que la liste commence par 5)
    -----------------------------------------------------

    Encore quelques caractères spéciaux et utiles

    (notez le début & et la fin ; ) :

    - 124 º peut s'écrire : 124 &ordm; ou &#186;

     - µ peut s'écrire : &micro; ou &#181;

     - ± peut s'écrire : &plusmn; ou &#177;

     - peut s'écrire : &para; ou &#182;

    - § peut s'écrire : &sect; ou &#167;

     - © pour Copyright peut s'écrire: &copy; ou &#169;

     - ® pour enregistré peut s'écrire: &reg; ou &#174;

     - << peut s'écrire: &laquo; ou &#171;

     - >> peut s'écrire: &raquo; ou &#187;

    - espace inséquable : &nbsp;

    Dans des URL, il existe parfois des tildes (~) mal reproductibles, ils peuvent être remplacés par &#126;

    -------------------------------------------------

    Feuille de style (style sheet)

    Il est intéressant d'insérer une feuille de style dans la balise <HEAD> et avant </HEAD>

    La feuille de style peut s'insérer dans le document si elle ne s'applique qu'à lui, mais elle peut également s'établir par un lien hors du document si s'applique à plusieurs fichiers.

    La feuille de style définit les paramètres de style du texte.

    Si elle est insérée dans le fichier, on écrit par exemple après le </TITLE>:

    <style type="text/css">

    a:link, a:visited { text-decoration: none; color: #000080; font-weight: bold }
    a:hover      { color: #FF0000; text-decoration: underline; font-weight: bold }
    body         { font-family: verdana, helvetica, sans-serif; font-style: normal; font-weight:
                   normal; font-size: 12px; text-align: justify;           
                   color: #000000; background-color: #FFFFE8; margin-left: 10px;
                   margin-right: 20; margin-top: 10; margin-bottom: 10 }
    blockquote   { font-family: verdana, helvetica, sans-serif; font-style: normal; font-weight:
                   normal; font-size: 12px; text-align: justify; text-decoration:
                   none; background-color: #FFFFE8; border: 2px outset #FFCC33;
                   margin-left: 20; margin-right: 20; padding: 10 }
    h2           { font-family: verdana, helvetica, sans-serif; font-style: normal; font-weight:
                   normal; font-size: 18px; background-color: #000080; color:
                   #FFFF00; margin-left: 0; margin-right: 0; margin-top: 15;
                   margin-bottom: 0; padding: 2 }
    h4           { font-family: verdana, helvetica, sans-serif; font-style: normal; font-weight:
                   bold; font-size: 14px; color: #FFFF00; background-color:
                   #000080; margin-left: 0; margin-right: 0; margin-top: 0;
                   margin-bottom: 5; padding: 2 }
    h5           { font-family: verdana, helvetica, sans-serif; font-style: normal; font-weight:
                   bold; font-size: 12px; color: #000080; background-color:
                   #FFE375; margin-left: 0; margin-right: 0; margin-top: 5;
                   margin-bottom: 5; padding: 2 }
    td           { font-size: 12px }
    img          { margin: 2 }
    hr           { color: #000080;    width:100%; height: 2px;}
    </style>

    </head>

    Si elle se trouve dans un fichier séparé, on écrit :

    <link rel="stylesheet" type="text/css" href="stylesfhd.css">

    </head>

    Le fichier avec les éléments du style porte le nom de "stylesfhd.css"

    A titre d'exemple, il peut se présenter comme suit - SANS RIEN D'AUTRE

    a:link, a:visited { text-decoration: none; color: #000080; font-weight: bold }
    a:hover      { color: #FF0000; text-decoration: underline; font-weight: bold }
    body         { font-family: verdana, helvetica, sans-serif; font-style: normal; font-weight:
                   normal; font-size: 11px; text-align: justify;
                   background-image: href="sedesfond.gif";
                   background-repeat: no-repeat; background-attachment: fixed;
                   color: #000032; background-color: #FFFFE8; margin-left: 10px;
                   margin-right: 20; margin-top: 10; margin-bottom: 10 }
    blockquote   { font-family: verdana, helvetica, sans-serif; font-style: normal; font-weight:
                   normal; font-size: 12px; text-align: left; text-decoration:
                   none; background-color: #FFFFE8; border: 1px outset #F4C400;
                   margin-left: 100; margin-right: 100; padding: 10 }
    h1           { font-family: verdana, helvetica, sans-serif; font-style: normal; font-weight:
                   normal; font-size: 20px; text-align: left; background-color:
                   #001998; color: #F4C400; margin-left: 0; margin-right: 0;
                   margin-top: 5; margin-bottom: 5; padding: 2 }
    h2           { font-family: verdana, helvetica, sans-serif; font-style: normal; font-weight:
                   normal; font-size: 18px; background-color: #000080; color:
                   #FFFF00; margin-left: 0; margin-right: 0; margin-top: 5;
                   margin-bottom: 5; padding: 2 }
    h3           { font-family: verdana, helvetica, sans-serif; font-style: normal; font-weight:
                   bold; font-size: 16px; background-color: #FFE375; color:
                   #001998; margin-left: 0; margin-right: 0; margin-top: 5;
                   margin-bottom: 5; padding: 2 }
    h4           { font-family: verdana, helvetica, sans-serif; font-style: normal; font-weight:
                   bold; font-size: 14px; color: #FFFF00; background-color:
                   #000080; margin-left: 0; margin-right: 0; margin-top: 5;
                   margin-bottom: 5; padding: 2 }
    h5           { font-family: verdana, helvetica, sans-serif; font-style: normal; font-weight:
                   bold; font-size: 12px; color: #000080; background-color:
                   #FFE375; margin-left: 0; margin-right: 0; margin-top: 5;
                   margin-bottom: 5; padding: 2 }
    h6           { font-family: verdana, helvetica, sans-serif; font-style: normal; font-weight:
                   normal; font-size: 12px; color: #001998; background-color:
                   #FFFFE8; margin-left: 0; margin-right: 0; margin-top: 5;
                   margin-bottom: 5; padding: 2 }
    td           { font-size: 11 px }
    img          { margin: 2 }
    hr           { color: #001998;    width:100%; height: 2px;}

    Les éléments de cet exemple peuvent être changés à volonté : taille des caractères, couleur, bordure, retrait, suppression  etc.

    Retour au sommaire