Accueil Accueil     Membres Membres     Forum Forum     Articles Articles     Download Download     Sondages Sondages     Outils Outils     Scriptland Scriptland     ProgBoards ProgBoards     FR  
  Morbleu ! Morbleu ! Etienne Klein, Le TEMPS existe-t-il ?
Cours de programmation, code source, aide au développement, forums d'entraide - CybWarrior

login Bug Contact RSS
login bug contact RSS


| Internet |
   Créer son site web

| Langages |
   HTML
   JavaScript
   Langage C
   PHP
   QBasic
   Turbo Pascal

| Programmation |
   Algorithmie
   Maths appliquées
   Windows

| Trucs & astuces |
   Lexique
   Oeufs de Pâques (easter eggs)
   Registre et Windows

| Téléchargements |
   Flash
   Freeware
   JavaScript
   NASM
   PHP
   QBasic
   Turbo Pascal
   Visual Basic / VBScript

HTML - Les attributs

Autre langage disponible pour cet article : FR
Rubrique : HTML
lundi 25 mars 2002 18:38

Voir les commentaires pour HTML - Les attributs
Autres articles :
- HTML - Introduction à l'HTML
- HTML - Structure d'un document HTML
- HTML - Le texte
- HTML - Mise en forme sommaire du texte
- HTML - Les titres et sous-titres
- HTML - Les attributs
- HTML - Le texte préformaté
- HTML - Les commentaires
- HTML - Les entités de caractère
- HTML - Les liens
- HTML - Les images
- HTML - Les listes
- HTML - Tableaux
- HTML - Les cadres (FRAMES)
- HTML - Les formulaires
- HTML - Les méta-informations et le réferencement
- HTML - Formatage poussé du texte
- HTML - Les feuilles de style
- HTML - Les couleurs
- HTML - Les images réactives
- HTML - Le son
- HTML - Et le reste...
- HTML - Les objets
- HTML - Les effets de transitions avec Microsoft Internet Explorer
<< - >>

  1. Les attributs communs
  2. Attributs de la balise <BODY>
    1. BGCOLOR
    2. TEXT
    3. BACKGROUND
    4. LINK, ALINK, VLINK
  3. Attributs des balise <H1>, <H2>...
Chaque balise HTML, quel soit du type marqueur ou conteneur, peut recevoir ce qu'on appel un attribut.
Un attribut, c'est en quelque sortes une propriété. Et comme toute propriété, on peut leur affecter une valeur.
Pour affecter une valeur à un attribut, on utilise le signe = (égal).
Cela donne attribut=valeur, avec pour attribut le nom de l'attribut et pour valeur, la valeur que l'on souhaite lui affecter.
Selon le type d'attribut, la valeur peut être soit du texte, soit numérique, soit un des deux, soit un peu des deux, soit ne pas avoir de valeur du tout et se suffir à lui même.

Les attributs communs

Ce sont des attributs que toutes les balises HTML (sauf exception, bien sur) peuvent recevoir. Ainsi, on a dans l'ordre alphabétique :
  • class : Cette argument contient le nom d'une classe qui a été définie à l'aide de feuilles de styles.
  • dir : Il indique dans quel sens doivent être écrit les mots (gauche-doite, droite-gauche).
  • id : Il définit un identificateur, un peu ce que l'on appelle une étiquette dans les langages de programmation. Cette identificateur servira notament pour les liens.
  • style : Cette argument permet d'appliquer un style directement sur l'élement.
  • title : À ne pas confondre avec la balise <TITLE>. Il affiche dans une infobulle le texte placé à sa suite. L'infobulle, c'est le petit texte qui s'affiche lorsque l'on reste un certain temps en stationnement au dessus d'un élement.
Ainsi, sur un titre de niveau 5, on peu par exemple utiliser l'attribut title pour afficher une infobulle lorsque le lecteur de vos pages stationnera un temps plus ou moins long sur votre titre :
<HTML>
<HEAD>
<TITLE>Exemple d'utilisation d'un attribut commun</TITLE>
</HEAD>

<BODY>
<H5 title="Ceci est une infobulle">Placez votre souris sur ce titre pour 
voir l'infobulle</H5>
</BODY>
</HTML>
Résultat :
Placez votre souris sur ce titre pour voir l'infobulle

Attributs de la balise <BODY>

BGCOLOR

L'attribut bgcolor fixe la couleur d'arrière plan de la page. Pour l'emploi des couleurs se référer au chapitre correspondant. Exemple :
<HTML>
<HEAD>
<TITLE>L'attribut BGCOLOR dans BODY</TITLE>
</HEAD>

<BODY bgcolor=black>
</BODY>
</HTML>
Cliquez-ici pour voir le résultat

TEXT

text fixe la couleur du texte. Là aussi, reportez-vous au chapitre correspondant.
<HTML>
<HEAD>
<TITLE>L'attribut TEXT dans BODY</TITLE>
</HEAD>

<BODY bgcolor=black text=white>
Ceci est du texte blanc écrit sur un fond noir
</BODY>
</HTML>
Cliquez-ici pour voir le résultat

BACKGROUND

L'attribut background permet d'afficher une image en arrière plan. Il faut pour cela indiquer l'URL de l'image correspondante. Reportez-vous au chapitre des images et des URL.
<HTML>
<HEAD>
<TITLE>L'attribut BACKGROUND dans BODY</TITLE>
</HEAD>

<BODY background="http://pcwarrior.multimania.com/images/bromelfe.jpg">
</BODY>
</HTML>
Cliquez-ici pour voir le résultat

LINK, ALINK, VLINK

link permet de fixer la couleur que l'on veut attribuer au liens de la page. L'attribut alink fixe celle des liens actifs. vlink, se sont les liens visités.
<HTML>
<HEAD>
<TITLE>Les attributs LINK, ALINK et VLINK dans BODY</TITLE>
</HEAD>

<BODY link=red alink=blue vlink=black>
</BODY>
</HTML>
À noter que désormais, tout ces arguments de <BODY> peuvent être facilement remplacés par une feuille de style.

Attributs des balise <H1>, <H2>...

Il n'existe qu'un seul et unique argument pour les titres et sous-titres (ormis les attributs communs, bien sûr) : l'attribut align. Il définit l'alignement horizontal du titre. Il peut prendre trois valeurs :
  • left alignement du titre à gauche (option par défaut)
  • center alignement du titre au centre
  • right alignement à droite
Exemple :
<H3 align="right">Titre à droite</H3>
Résultat :

Titre à droite



Voir les commentaires pour HTML - Les attributs
 06 juillet 2008 | Version 4.0.0 | © 2001 - 2007