Background Codes

There are many ways of spiffing up the background of your site! Each way has it's own difficulty and understanding, and it is up to you to choose your preference.

HTML Background Color Code

To make a color the background of your website, you need to make sure you've started off with the body of the HTML document and then use the bgcolor tag.

    <body bgcolor= orange>

If you are looking for a specific color in between orange and red and would not be able to find it using words, look it up on a HTML color code. An easy to use one is at www.html-color-codes.com.

    <body bgcolor= #FF6600>

HTML Background Image Code

To create a background that contains an image, you still need to make sure you are starting within the body of the HTML document and use the background tag.

    <body background= http://www.too-truthful.com/ashleebg.png>

This tag creates a background of that image repeating itself over and over across the webpage.

CSS Background Color and Image Codes

CSS gets a bit more complicated, but once you learn it, it's so much faster and saves space. With CSS, you need to use the code within the head tag of the web page, and then within the style tag within that. Look at the example below.

    <head>

    <style>

    body { background-color: black;          }

    { background-image: url (http://www.too-truthful.com/ashleebg.png); 

      background-repeat: no-repeat; }

    </style>

    </head>

What this code tells us is that the code starts in the head of the web document, within the style tag, and within the body of the HTML page. It declares the background color as black (although you can also use color codes too). It then says that the background image is the Ashlee Background and it does not repeat. And yes, you can declare a page to have a background color and a background image. Sometimes this is nice because if the image is broken or for some reason does not load, a color can make the page look a bit nicer.

CSS is a harder way to code, but will definitely pay off if you learn how to use style sheets in the future. I hope to get a tutorial up for that soon! :)