Overall Rating: 5.0 (of 5)
Rating Votes %
3 100 ||
0 0 ||
0 0 ||
0 0 ||
0 0 ||
From 3 votes total
Rate This Lesson
Rate from 1 (poor) to 5 (best)
Send Feedback

HTML For Homepage Backgrounds

Debra Jean (9018) · [archive]
Style: Other · Level: Beginner · Tempo: 20
Pages: 1


After discovering the HTML for backgrounds on our homepages didn't work like the tutorials I'd read said they would, I went about trying to figure it out. What I learned was they (whomever they is this week) are moving away from the old code for backgrounds to something called CSS - Cascading Style Sheets, a new web page layout method that's supposed to be easier to work with than the persnickety previous HTML codes.

Here is my best attempt at the codes for both picture and color backgrounds. I tried them out on my own homepage, but make no guarantees. Notice the use of { (that winglike parentheses) and ( (regular parentheses) instead of < in the mid parts. (You'll need to remove the * I added to keep them from disappearing into htmlville.)

Code for picture background on WholeNote homepage. (Picture should repeat itself to fill entire space.)

<*style type="text/css">
body {*background-image:url('http://picture.jpg')}
<*/style>

Code for color background on WholeNote homepage.

<*style type="text/css">
body {*background color="blue"}
<*/style>
or
<*style type="text/css">
body {*background color="#000000"}
<*/style>

Learn more at . HTML Code Tutorial - CSS Rules found at the HTML Code Tutorial - Free Reference Guide for Help with HTML Tags . . . site.

FYI - your background code can be entered anywhere on your homepage. I did mine at the bottom of my second paragraph entry.

Debra "My First Lesson" Jean