HTML
|
JavaScript
Alignment
Basics
Character Codes
Colors
CSS
DIVS
Forms
Frames
Links
Lists and Bullets
Meta Tags
Multimedia
Pictures
Spacing
Tables
Text
Adding Pictures
Align Pictures
Alternative Name
Background Picture
Picture Border
Picture Link
Picture Spacing
Table Background
Width and Height
Background Picture
245
Normal Picture Background
Description
Here, you will learn how to set a picture as the background of your web page. The tag for the background picture looks like BACKGROUND=. This is added onto the body tag so the end result looks like
<BODY BACKGROUND="url">.
The text "url" is replaced by the internet address leading to the picture you want on the background. Below is an example of using the picture background tag.
Code
<BODY BACKGROUND="http://www.activejump.com/images/samplebackground.jpg">
Content
</BODY>
Output
n/a
Practice
<BODY BACKGROUND="http://www.activejump.com/images/samplebackground.jpg"> Content </BODY>
Fixed Picture Background
Description
A fixed background allows you to scroll with the text, but the background stays in the same place. To do this, insert the tag BGPROPERTIES="fixed" which adds onto your body tag so the final result looks like
<BODY BACKGROUND="url" BGPROPERTIES="fixed">
Code
<BODY BACKGROUND="http://www.activejump.com/images/samplebackground.jpg" BGPROPERTIES="fixed">
The Background...
<P>
Does not move...
<P>
When you...
<P>
Scroll Down...
<P>
On This Page.
</BODY>
Output
n/a
Practice
<BODY BACKGROUND="http://www.activejump.com/images/samplebackground.jpg" BGPROPERTIES="fixed"> The Background... <P> Does not move... <P> When you... <P> Scroll Down... <P> On This Page. </BODY>
Advertisements
