HTML - Bgcolor

  »   Basic HTML  »   HTML Tutorial - Bgcolor,colors for background, inserting a picture on the background

The bgcolor attribute is used to establish the background color of a paragraph, table, or any other parts of the HTML. It is recommended the moderate usage of this tag. It is also recommended to establish the background colors and the text styles or links, with the help of CSS. We will explain in more detail how that can be done in a later CSS tutorial.

<"numetag" bgcolor="Value">

This is a model of how the bgcolor attribute will be used within a tag.

html<body bgcolor="Silver">

HTML - Adding color to the tables

The following example shows you how to color a table in many colors, using the 'bgcolor' attribute.

html<table>

	<tr bgcolor="#FFFF00">
		<td>This Row is Yellow!</td>
	</tr>
	<tr bgcolor="#AAAAAA">
		<td>This Row is Gray!</td>
	</tr>
	<tr bgcolor="#FFFF00">
		<td>This Row is Yellow!</td>
	</tr>
	<tr bgcolor="#AAAAAA">
		<td>This Row is Gray!</td>
	</tr>
	<tr bgcolor="#FFFF00">
		<td>This Row is Yellow!</td>
	</tr>
	<tr bgcolor="#AAAAAA">
		<td>This Row is Gray!</td>
	</tr>

</table>

Demo

This Row is Yellow!
This Row is Gray!
This Row is Yellow!
This Row is Gray!
This Row is Yellow!
This Row is Gray!

HTML - Font and background together

First of all we put into practice an example of a table of scores coloring a table to highlight certain 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

Next we have a simple example of a grey background table in combination with the font tag:

html<table>
	<tr  bgcolor="#777777">
		<td>
			<font face="Monotype Corsiva, Verdana" size="4" color="#00FF00">This paragraph tag has a gray background with green colored font. You should see Monotype Corsiva font if you have it installed, or Verdana as the backup. Both fonts are widely accepted as standard fonts.</font>
		</td>
	</tr>
</table>

Demo

This paragraph tag has a gray background with green colored font. You should see Monotype Corsiva font if you have it installed, or Verdana as the backup. Both fonts are widely accepted as standard fonts.