Lesson 9:HTML-bgcolor



The bgcolor attribute control the background color of the page. Bgcolor can be used with several html tags but here our keen focus on <body> background color. The value of background attribute can be set in plain text or in hexadecimal numbers, all background colors are the mix of RGB(red,green,blue) colors. Each colors value can be set between 0 to 255, in hexadecimal it is represented as 00 to FF.

Maximum value of RGB background color in hexadecimal is FFFFFF which is white color and lowest value is 000000 which is black background color.

Below see the figure for some of background colors is represented in hexadecimal.

image thumb18 Lesson 9:HTML bgcolor

if you found this thing irritating then don’ worry there is another way out, it’s possible to define the color with name rather then hexadecimal number.

Now let me show you some of the examples of bgcolor attribute to clear your understanding.

HTML Code:

<html>
<head>
<title>
Headings
</title>
</head>
<body bgcolor=”#FFAA00″>
<h1>Check the Background Color</h1>
</body>
</html>

Output of HTML Code:

image thumb19 Lesson 9:HTML bgcolor

HTML Code:

<html>
<head>
<title>
Headings
</title>
</head>
<body bgcolor=”blue”>
<h1>Check the Background Color</h1>
</body>
</html>

Output of HTML Code:

image thumb20 Lesson 9:HTML bgcolor

Share this tutorial:
  • Digg
  • del.icio.us
  • Facebook
  • Mixx
  • Google
  • Furl
  • Live
  • PlugIM
  • Reddit
  • Spurl
  • StumbleUpon
  • Technorati
  • TwitThis
  • YahooMyWeb
  • description
  • E-mail this story to a friend!
  • MisterWong
  • BlinkList
  • LinkedIn
  • MySpace
  • Print this article!
  • Yahoo! Buzz

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...

About the Author

Adam has written 384 stories on this site.

Related Tutorials & Articles

Lesson 11:HTML-Text attribute
As we learn in our last lesson about background color and background image. Text color in page remain the same whatever background color or background image you have used. If you use dark background colors and images then most probably it’s difficult for page viewer to read anything. Text is useful attribute of <body> tag...Read more
Lesson 10:HTML-Background
The background attribute allows you to place image or picture on background of your page. The background is most commonly used attribute of <body>,<table> element. When background tag within body tag it repeat the image to fill whole web page background.It’s a good practice to use small size images because huge size image take time...Read more
Lesson 13: HTML – Image
HTML is capable to embed images in a webpage; it can be done by using html tag <img>. Image tag is not a container tag means there is no closing tag but it has several attributes. Tag Syntax <img src=”picpath” height=”10” width=”20” alt=”image description” align=> Src Src attribute of image tag defines source of image, src is always set...Read more
Lesson 5: Headings Tags in HTML
Web pages  contains series of contents line or pages, its very difficult for the user to differentiate different section of the contents because all the text formatting is same. HTML support hot feature of heading, there are six heading element <H1></H1>….<H6></H6>. By using different level of tags document creator can show different section within the same...Read more
Lesson 2:How to use title tag in HTML document
In lesson 1 we have seen that head and body portion contents are shown together on body part of the document. In this tutorials we will see how to use the title tag to show the head part separate from the body part. Let me show you the document which were used in lesson 1 for...Read more

Write a Comment

Gravatars are small images that can show your personality. You can get your gravatar for free today!

Copyright © 2010 Sooper Tutorials. All rights reserved. Powered by WordPress.org, Website by ISolution.org.