VisualBuilder
  Home > Html > Tutorials > Setting your HTML background - HTML tutorial
Tell a friend
Link to us
Total Members
      Members: 84663
     
Sitemap Forum Chat
Home
HTML Tutorial Tutorial Home
1 . HTML Hyper Text Markup Language
2 . Getting Started with HTML
3 . What are HTML tags for?
4 . Lowercase Tags VS. Uppercase Tags:
5 . HTML elementary tags
6 . Other tags used to format text
7 . Some useful tips while working with HTML:
8 . Character entities
9 . HTML Links
10 . Adding colors to your links
11 . Adding Images:
12 . Adding Alternate text:
13 . Setting your HTML background
14 . HTML Frames
15 . Creating inbound links
16 . HTML Forms
17 . The Submit button and the Action Attribute
18 . Color definition in HTML
19 . MetaTags in HTML
 
 
HTML Home
HTML Members (2687)
HTML Member Articles ( 1 )
HTML Discussion (5)
HTML Q & A ( 0 )
- HTML Ask Question
- HTML Questions
- HTML Unanswered Questions
HTML Resources
HTML Source Code (8)
HTML Articles (0)
HTML Blogs (0)
HTML Jobs (0)
HTML Components (5)
HTML Books (0)
HTML Websites (1)
HTML News (0)
 
GROUPS
.NET
ASP.NET
.NET
C#
ASP
Visual Basic
Java
Java
JSP
EJB
Other
Delphi
C++
Ajax
UML
JavaScript
PHP
Web Design
Web Hosting
SQL Server
Oracle
Project Management
More Groups

 
LEARNING CENTER
TUTORIALS
.NET
.NET Tutorial
ASP Tutorial
ASP.NET Database Tutorial
ASP.Net Security,Internationalisation And Deployment
ASP.NET Tutorial
C# Tutorial
Web Development
Flex Tutorial
HTML Tutorial
Learn AJAX Tutorial
PHP Tutorial
Software Development
Database Tutorial
SQL Tutorial
UML Tutorial
Java
Ant Tutorial
EJB 3 Tutorial
Hibernate Tutorial
Java Tutorial
Java Web Component Tutorial
Java XML Tutorial
JDBC Tutorial
JDK1.5 Tutorial
JSF Tutorial
JSP And J2EE Design Tutorial
JSP Tutorial
Spring Tutorial
Struts Tutorial

RESOURCES
Q & A (451 )
Source Code (3275 )
Articles (359 )
Books (372 )
Components (1596 )
News (892 )
Websites (1207 )

SUBMISSIONS
Submit Article
Submit Website
Submit News
Submit Source Code
Submit Component

COMMUNITY
Members Directory
Discussion Forum
Chat

SITE
About Us
Sitemap
Search
Contact Us
Link To Us
Feedback
Tell a Friend
Partners
Advertise

Html Tutorial
 Setting your HTML background
  << Prev: Adding Alternate text: Next: HTML Frames >>

Setting your HTML background

Background is one of the most important elements of our web page. It is the background which can make the page look good or bad.

There are two types of backgrounds:

1. Plain Background:

To add a plain background to your page is easy. Simply, you have to add a bgcolor property to the body tag.

That would be:

<body bgcolor=“#FF0000”>


2. Image Background:

To specify a background image for an html page you need to use the background attribute. This attribute is equal to the url of the image.

Example:

<body background=“river.gif”>
<body background=http://www.visualbuilder.com/river.gif>


Note: If your selected image is smaller than the browser window then it will keep repeating until the whole browser window is filled.

Your url can be either relative as shown in the first line or can absolute as in the second line.

However, while using an image as your background, you should consider the following points carefully:


- Whether the background image will coincide with the other elements (text, colors, and other images) of the page?

- Whether the background image will make the page heavier to load?

- Whether the repetition of the background image would look good on the page or not?

- Whether the background image carry off the viewers attention from the data given


Note:
It should be remembered that the attributes in the body tag are not acceptable by the latest versions of HTML i.e. HTML 4 and XHTML).

Instead, it is recommended to use Style Sheets (CSS) to define the layout and HTML elements.


  << Prev: Adding Alternate text: Next: HTML Frames >>
Html Tutorial Home
Give feedback and win a prize.

 
   Printer Friendly
   Email to a friend
   Add to my Favourites    
  Download PDF version
   Report Bad Submissions
   Submit Feedback
 
  Delicious   Digg   Technorati   Blink   Furl   Reddit   Newsvine   Google Click each image to add
this page to each site.
 
 
Welcome Guest Signup
MEMBER'S PANEL
EMAIL
PASSWORD
Forgot your password?
New User? Click Here!
 
Resend Activation Email!
 
SEARCH
 
 
 
ADVERTISEMENT
Partner List
Code Project
ASP Alliance
More
 
 
 
 

Home | Login | About Us | Contact Us | Privacy Policy | Advertising