- Les attributs communs
- Attributs de la balise <BODY>
- BGCOLOR
- TEXT
- BACKGROUND
- LINK, ALINK, VLINK
- 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
|