SiteDesignTutorial.com

Changing the background color.


Hope you are still with me... By this time, you know enough to make a website html page in notepad alone. You can make links, add pictures, color text and do more formatting.

Let's tell you how to change the color of the background of a html page.



Open any of your html pages you created till now. Notice the <body> tag? You can add a simple attribute to this tag and change the background color of your html page. The attribute is:BGCOLOR . See this example:


<body bgcolor="#000000">



Try it in your html page. What happenned?
The background color changed, but you cannot read the text now... This is because the text is also black in color, and so is your page background.

Change the text color of entire html page using html.


Read that headline again. Notice the word text ? That's the attribute we will use. Easy...


<body bgcolor="#000000" text="#FFFFFF">



Note:
It's very important to match this color combination. Just like you were not able to read black text on black background, likewise others might have problems reading Blue text on black, or red, or similar colors.

Remember I told you that the best websites are made in black text on white background?

Try the following html code in a new html page. If you are still having problems making new html pages, then return back to the first chapter and read that tutorial page completely.


<html><head></head>
<body bgcolor="#000000" text="#FFFFFF">
<p>
This is text.
</p>
<p>
<a href="index.html"> This is link </a>
</p>
</body></html>



The color of the link did not change. It's still blue.

Change the color of links in entire html page using html.


Any chance you guessed it?
Just like text, the attribute here is: link
Look at this example:


<body bgcolor="#000000" text="#FFFFFF" link="#FFFFFF">



With that code, the background is now black, text is white, and the color of every link in the html page is white.

If you want the color of a certain link to be different, you can use the <font> tag. Look at the text coloring chapter for details.

Note:
This method of coloring and background coloring is outdated now.

Although it still works in browsers, but is not supported by html. HTML now recommends you to use CSS style sheets to do this. Once done with the html tutorial, make sure to read the CSS tutorial as well. It's equally easy and provides you a lot more control on the website.

Try this coloring and then proceed to tables in html tutorial.