Accueil
 COURS INFORMATIQUE
 Cours Algorithmique
 Cours ASP
 Cours CSS
 Cours HTML
 Cours PHP / MySQL
 Cours Réseaux
 Cours SQL
 Cours Visual Basic
 ARTICLES
  Conception de sites
  Droit & Internet
  e-commerce
  Société
  Strategies du web
  Technologies Web
  Marketing Web
 LIVRES
  ASP/ASP.Net
  C/C++/C#
  Conception de sites
  DHTML/CSS
  Gestion de Projet
  HTML/Internet
  Java/JSP/J2EE
  JavaScript/VbScript
  Juridique
  Marketing/Stratégie
  PHP/Linux/Unix
  Réseaux
  XML/XHTML/XSL
 NETALYA RECOMMANDE
Reussir un projet de site web

Cours HTML N°6 : attributs de présentation

Auteur : Nicolas Chu

Infinite Menus, Copyright 2006, OpenCube Inc. All Rights Reserved.

Les séparateurs

Les browsers intègrent un outil de mise en forme intéressant pour clarifier la présentation de votre texte. C'est la ligne horizontale.

La syntaxe en est fort simple: Ligne horizontale [Horizontal Rule] <HR> Insérer une ligne horizontale

Les valeurs par défaut de la balise <HR> sont : une épaisseur de trait de 2 pixels, un alignement centré et une largeur de 470 de la fenêtre. Vous pouvez très bien modifier les valeurs de ces différents attributs.

<HR size=?> Epaisseur en pixels
<HR width=?> Largeur en pixels
<HR width="%"> Largeur en % de la fenêtre
<HR align=left> Alignement gauche
<HR align=right> Alignement droite
<HR align=center> Alignement centré


Il est donc tout à fait équivalent d'écrire:
  • <HR> et/ou
  • <HR size=2 align=center width="470"
Je vous propose un petit exercice: - Avec l'éditeur de texte <H3 align=center>Nicolas Chu</H3>
<HR align=center size=8 width="50%">
- Commentaires :
  • On préférera spécifier la largeur en % de la fenêtre plutôt qu'en pixels car l'affichage s'adaptera ainsi à toutes les tailles et résolutions d'écran.

Les arrière-plans

Le langage HTML permet d'agrémenter la présentation du document d'un arrière-plan [background] coloré ou composé d'une image. Ce qui apporte un élément "artistique" à votre page.

La balise à utiliser ne pose pas de problème :

Couleur d'arrière-plan <BODY BGCOLOR="#$$$$$$"> Exemple : <BODY BGCOLOR="#000088">
<H1>
Bonjour</H1>
</BODY>

La lisibilité n'est pas parfaite. Heureusement, des balises sont prévues pour modifier les couleurs utilisées par défaut par le browser pour le texte et les liens.

Couleur de texte <BODY TEXT="#$$$$$$">
Couleur de lien <BODY LINK="#$$$$$$">
Lien visité <BODY VLINK="#$$$$$$">
Lien actif <BODY ALINK="#$$$$$$">
Reprenons notre exemple; <BODY BGCOLOR="#000088" TEXT="#FFFF00">
<H1>
Bonjour</H1>
</BODY>

On peut aussi prévoir un fond en image. Cette image (petite de préférence) est affichée en mosaïque par le browser. Attention aux raccords... comme lorsque vous posez du papier peint.

Texture d'arrière-plan <BODY BACKGROUND="Adresse"> Ce qui peut nous donner : <BODY BACKGROUND="PAPER.gif">
<H1>
Bonjour</H1>
</BODY>


Nous vous informons que ce cours constitue une œuvre protégée en France par le Code de la Propriété Intellectuelle, et à l’étranger par les conventions internationales en vigueur sur le droit d’auteur. La violation de l’un des droits d’auteur de l’œuvre est un délit de contrefaçon. Il est donc interdit, à titre privé ou public, de reproduire, copier, vendre, revendre ou exploiter, que ce soit dans un but commercial ou purement gratuit, ce cours, sauf accord exprès et préalable de son auteur.


Google
 
 RESSOURCES GRATUITES
 Caractères spéciaux
 Code Couleurs HTML
 Compresseur images
 Générateur Méta Tags
 Références HTML
 Scripts : ASP
 Scripts : Java Scripts
 PRATIQUE / OUTILS
 Salons Informatiques
 Astuces Windows
 Offres d'Emploi Web
 Syndication Contenu
 TÉLÉCHARGEMENTS
 Utilitaires système
 Logiciels pratiques
 Jeux & démos
 INFOS SITE
 Contacts
 Mentions légales
 NewsList
 Qui sommes-nous ?
 PARTENAIRES
 Jeux et Jouets
 Murielle Cahen
 Cours d'anglais
 Droit NTIC
 Directeur Internet
 Australie
 Création site Internet