HTML Backgrounds
A good background can make a Web site look really great.
Examples
Good background and text color
An example of a background color and a text color that makes the text on the
page easy to read.
Bad background and text color
An example of a background color and a text color that makes the text on the
page difficult to read.
(You can find more examples at the bottom of this page)
Backgrounds
The <body> tag has two attributes where you can specify backgrounds.
The background can be a color or an image.
Bgcolor
The bgcolor attribute specifies a background-color for an HTML page. The value of this
attribute can be a hexadecimal number, an RGB value, or a color name:
<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">
|
The lines above all set the background-color to black.
Background
The background attribute specifies a background-image for an HTML page. The value of this
attribute is the URL of the image you want to
use. If the image is smaller than the browser window, the image will repeat
itself until it fills the entire browser window.
<body background="clouds.gif">
<body background="http://www.w3schools.com/clouds.gif">
|
The URL can be relative (as in the first line above) or absolute (as in the
second line above).
Note: If you want to use a background image, you should keep in mind:
- Will the background image increase the loading time too much?
- Will the background image look good with other images on the page?
- Will the background image look good with the text colors on the page?
- Will the background image look good when it is repeated on the page?
- Will the background image take away the focus from the text?
Basic Notes - Useful Tips
The bgcolor, background, and the text attributes in the <body> tag are deprecated in the latest versions
of HTML (HTML 4 and XHTML). The World Wide Web Consortium (W3C) has removed these
attributes from its recommendations.
Style sheets
(CSS) should be used instead (to define the layout and display properties of
HTML elements).
More Examples
Good background image
An example of a background image and a text color that makes the text on the
page easy to read.
Good background image 2
An example of a background image and a text color that makes the text on the
page easy to read.
Bad background image
An example of a background image and a text color that makes the text on the
page very difficult to read.
Computer Joke
Support: "Type dir, space, a, colon."
Customer: "With a space after 'space'?"
The Ektron Intranet
lets you do everything you need to do on your corporate intranet and everything you want to do... all with just one application.
What can you do with the Ektron Intranet? |
|
Navigate through content, documents, assets, colleagues and workgroups quickly and intuitively with enterprise search |
|
Communicate with friends and colleagues with forums, message boards and corporate blogging using the new Social Networking Platform |
|
Promote collaboration among coworkers in your organization through project workspaces where others can efficiently find information and work together |
|
Personalize your company profile by bookmarking and organizing favorite content, uploading assets, posting photos, blogging, and more |
|
Interact with features like tagging, flagging, wikis and ratings found in the Web 2.0 Toolbox |
 |
Author/edit content, manage navigation, menus, audit trails, workflow and approvals with the best in breed Content Management |
|
|
|
|
See why there are 20,000+ Ektron integrations worldwide.
Request an
INSTANT DEMO or download a
FREE TRIAL today. |
| 
HOME
Printer friendly page
