Free Webmasters Resource
 

Free Graphics, Tutorials, Scripts, Webmaster Forums, Web Templates, SEO Tools, & Much More!!

Home Scripts Tutorials Free Downloads Articles SEO Play Free Games Web Templates

Backgrounds

Backgrounds are a most necessary ingredient to crafting the perfect web page. They also happen to be drop dead easy to add. Here we go.



The most widely used backgrounds are simple colors; black and white especially. Adding colors like these are quite easy. In your <body> tag, type in bgcolor="white" (you can also use hexadecimal codes like #FFFFFF). Here's and example of what the code would look like to make a background using the hexadecimal code #00FF00 which is normal green:


<body bgcolor="#00FF00">

Tiling an image as the background of your page is quite easy, too. To set mybackground.gif as the background image use this:


<body background="mybackground.gif">

Because background images tile automatically, it is best to try to make the background image as small as possible. For instance, if you only wanted to make a couple of stripes appear on the left side of a background, you could actually accomplish it by making a background image with a height of 1 pixel.

Background colors and images function exactly the same way in tables as they do in the full body of a web page. To make the background of an entire table red, you could use:


<table bgcolor="red">

To make only a certain table cell have the image psychoback.jpg tile in the background, you could use:


<td background="psychoback.jpg">

That's all folks.


Tutorial provided by: Spoono.com

Tutorials: HTML

Title/Description

Level

Backgrounds: Tutorial
Learn how to effectively add backgrounds to your page that make your page look professional or amateur.

Beginner

Imagemaps: Tutorial
Make one image into various clickable regions using only HTML

Intermediate

Embedding Fonts: Tutorial
Learn how to use uncommon fonts in web pages by embedding them.

Advanced

Images: Tutorial
Positioning images can make your images look just right when inserted into text.

Intermediate

Form Effects: Tutorial
Learn how to create trendy forms with simple style commands as well as with CSS classes.

Intermediate

Layers: Tutorial
Layers can make complicated image placement possible.

Advanced

Forms: Tutorial
Use forms to gather information from your users.

Advanced

Links: Tutorial
Making links in HTML is the easiest thing you will ever do.

Beginner

Frames: Tutorial
Learn how to create frames that enable you to create navigation systems on your site.

Advanced

Scrollbars: Tutorial
Learn how to add effects to your scrollbars and add flavor to your page.

Advanced

Hide From Print: Tutorial
Learn how to only allow a visitor to print part of your page using CSS.

Intermediate

SSI: Tutorial
Learning how to do SSI will save you a lot of authoring time.

Advanced

Horizontal Line: Tutorial
The horizontal line serves as a great separator tool.

Beginner

Table Styles: Tutorial
Learn how to add various table styles such as dash or dot borders, and many other things.

Intermediate

Iframes: Tutorial
Iframes can organize your website into clean sections.

Advanced

Tables: Tutorial
Organize your web page layouts with tables.

Intermediate

216 Web Safe Color Chart: Tutorial
The 216-color color-safe palette refers to colors (RGB values) that will appear the same on either IE or Netscape and Windows or Mac platforms.

Beginner

Pantone RGB/Hex/HTML Colors: Tutorial
This table contains all pantone colors converted to RGB and Hex. It displays them all in HTML colors.

Intermediate

 


Home Contact Credits Flash Templates Webmaster Forums Site Map Webmaster Resources Advertise


Computer Playground
· Templates Resource