HTML - Bgcolor

  »   HTML  »   Tutoriel HTML - Bgcolor, couleurs d'arriere-plan, insérer une image en arriere-plan

L'attribut Bgcolor est utilisé pour établir la couleur d'arrière-plan d'un paragraphe, tableaux ou de n'importe quelle autre partie du HTML. Il est recommandé d'utiliser cette balise avec modération. Il est également recommandé d'établir les couleurs d'arrière-plan et les styles de texte ou liens, avec l'aide du CSS. Nous expliquerons plus en détails comment cela peut être fait par la suite dans le tutoriel CSS.

<"numetag" bgcolor="Value">

Ceci est un modèle de comment l'attribut bgcolor sera utilisé à l'intérieur d'une balise.

html<body bgcolor="Silver">

HTML - Ajouter des couleurs à vos tableaux

L'exemple suivant vous montre comment colorer un tableau en plein de couleurs, en utilisant l'attribut 'bgcolor'.

html<table>

	<tr bgcolor="#FFFF00">
		<td>Cette Rangée est Jaune!</td>
	</tr>
	<tr bgcolor="#AAAAAA">
		<td>Cette Rangée est Grise!</td>
	</tr>
	<tr bgcolor="#FFFF00">
		<td>Cette Rangée est Jaune!</td>
	</tr>
	<tr bgcolor="#AAAAAA">
		<td>Cette Rangée est Grise!</td>
	</tr>
	<tr bgcolor="#FFFF00">
		<td>Cette Rangée est Jaune!</td>
	</tr>
	<tr bgcolor="#AAAAAA">
		<td>Cette Rangée est Grise!</td>
	</tr>

</table>

Demo

Cette Rangée est Jaune!
Cette Rangée est Grise!
Cette Rangée est Jaune!
Cette Rangée est Grise!
Cette Rangée est Jaune!
Cette Rangée est Grise!

HTML - Police et arrière-plan

Premièrement nous mettons en pratique en exemple de tableau de scores en colorant un tableau pour mettre en valeur certains aspects.

html<table>
	<tr>
		<td bgcolor="#009900"><font color="#FFFF00">Green Bay</font></td>
		<td bgcolor="#000000"><font color="#FFFFFF">27</font></td>
	</tr>
	<tr>
		<td bgcolor="#0000FF"><font color="#DDDDDD">New England</font></td>
		<td bgcolor="#000000"><font color="#FFFFFF">20</font></td>
	</tr>
</table>

Demo

Green Bay27
New England20

Ensuite nous avons un exemple simple de tableau à arrière-plan gris en combinaison avec la balise font:

html<table>
	<tr  bgcolor="#777777">
		<td>
			<font face="Monotype Corsiva, Verdana" size="4" color="#00FF00">Cette balise paragraphe à un arrière-plan gris avec une police verte. Vous devriez voir la police Monotype Corsiva si vous l'avez installé, ou Verdana dans le cas contraire. Ces deux polices sont couramment acceptées comme polices standards.</font>
		</td>
	</tr>
</table>

Demo

Cette balise paragraphe à un arrière-plan gris avec une police verte. Vous devriez voir la police Monotype Corsiva si vous l'avez installé, ou Verdana dans le cas contraire. Ces deux polices sont couramment acceptées comme polices standards.