Guy Cuvelier - Professeur et Responsable Informatique - Formateur Ville de Bruxelles
Initiation au langage HTML 
  • Accueil
  • Création HTML
    • Langage HTML
    • Page HTML
    • Texte HTML
    • Tableaux HTML
    • Liens HTML
    • Images HTML
    • Couleurs RVB
    • Frames HTML
    • Formulaires HTML
    • Effets de transition
    • Ajout d'un favicon
    • Fichiers multimedia
    • Feuille de style CSS
  • Astuces Javascript
    • Compteur de visites
  • Référencement
    • Générateur Meta Tags
    • Obligations légales
  • Rentabilisation
  • Contact
  • Générateur HTML Weebly
  • Slideshow

Le formatage de la page HTML

Il est possible de définir de nombreuses options de mise en page dès le début de l'encodage html, pour les couleurs du texte, du fond de page et des liens, pour les largeurs de marges, les images d'arrière-plan, etc.

Ces balises se placent au début dans le champ <body>:

  • Pour colorer le texte de la page :
L'attribut est : text="code_de_couleur"

Exemple : <body text="#000000">

  • Pour colorer le fond d'écran de la page :
L'attribut est : bgcolor="code_de_couleur"

Exemple : <body bgcolor="#0099CC">

  • Pour colorer les liens de la page :
L'attribut est : link="code_de_couleur"

Exemple : <body link="#003366">

  • Pour colorer les liens actifs de la page :
L'attribut est : alink="code_de_couleur"

Exemple : <body alink="#00FF00">

  • Pour colorer les liens visités de la page :
L'attribut est : vlink="code_de_couleur"

Exemple : <body vlink="#CCFF66">

  • Pour mettre une image de fond d'écran sur la page :
L'attribut est : background="votre image"

Exemple : <body background="image.gif">

  • Site rédigé en plusieurs langues :
L'attribut est : lang="langue"

Exemple : <body lang="fr" dir="ltr">

Pour que les navigateurs lisent le texte correctement, il peut aussi être nécessaire de se servir de l'attribut dir, indique dans quel sens le texte doit être affiché: de gauche à droite (valeur par défaut en Europe) ou de droite à gauche (hébreu, japonais, etc.). Valeurs : "ltr" (left to right : de gauche à droite) et "rtl" (right to left : de droite à gauche). A noter que cette balise n'est vraiment pas indispensable si le site est écrit dans une seule langue.

  • Leftmargin et topmargin :
L'attribut est : leftmargin="nbre de pixels"

Exemple : <body leftmargin="0">

Pour définir les marges du texte. On se sert de l'attribut leftmargin pour la marge à gauche et de topmargin pour la marge en haut de la page. Les valeurs sont exprimées en pixels.

  • Type d'arrière plan :
L'attribut est : bgproperties="type de background"

Exemple : <body bgproperties="fixed"> Nous avons le choix entre un arrière-plan fixe (bgproperties="fixed") et un arrière-plan qui défile verticalement, lié aux éléments de la page (bgproperties="scroll"). Ce dernier correspond à la valeur par défaut.

  • Ces attributs peuvent se combiner :
Exemple : <body text="code_de_couleur" bgcolor="code_de_couleur" link="code_de_couleur" alink="code_de_couleur" vlink="code_de_couleur">



Page précédente - Sommaire - Page suivante
Guy Cuvelier - 2011-2014 - Tous droits réservés - www.guycuvelier.net - Formulaire de contact
Réalisé avec Weebly, générateur de sites html en ligne - un vrai jeu d'enfant...
✕