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 403 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 12:Html - Fonts
Font tag in html is used for formatting the text. Font tag comprise three attributes font size, face and color, you can play with these attributes to change the looks of your site text. Font Size This attribute can increase and decrease the font size, smallest value of size attribute can be set as 1 and the...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.