Accueil > HTML > HTML – Les attributs

HTML – Les attributs

25/03/2002 cybwarrior Commenter Allez aux commentaires
This entry is part 6 of 23 in the series HTML - Tutoriel

HTML - Tutoriel
  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

Series Navigation«HTML – Les titres et sous-titresHTML – Le texte préformaté»
Categories: HTML Tags:
  1. Chiwaruchk
    21/12/2001 à 23:04 | #1
    Répondre | Citer

    Et comment fait-on pour mettre un image immobile en écran de fond ?

  2. webmaster
    22/12/2001 à 21:58 | #2
    Répondre | Citer

    Voir ce post dans le forum à ce propos : http://www.cybwarrior.com/forum/forum.php?id=724 :-)

    Raphaël

  3. 10
    02/09/2005 à 06:47 | #3
    Répondre | Citer

    Your blog is very interesint

  4. 10
    22/03/2006 à 00:13 | #4
    Répondre | Citer

    Your site is very informational for me. Nice work.

  1. Pas encore de trackbacks