HTMLJunction - HTML Lesson 4

ASP Coding

Let HTMLJunction Program your site with ASP. Rewrite existing code or install ASP scripts! Learn more...

Visit the new
HTMLJunction Store
A place for Coders, Programmers
and Computer Buffs

Top 5 Downloads

EZNewsletter: 10592
EZGallery: 5883
EZPoll: 5686
EZUpload: 5066
EZGuestbook: 3957

Download Stats

EZHomepageBasic: 1573
EZOnlineEditor: 3638
EZMedia: 3418
EZNewsletter: 10592
EZGuestbook: 3957
EZHomepagePro: 3305
EZGallery: 5883
EZPoll: 5686
EZUpload: 5066
EZScheduler: 2040
Avatars: 280
Smileys: 181
: 11

HTMLJunction News

ASP Article - Dynamic Date Dropdown Menu.

ASP Article - Import Text File to an Access Database.

EZScheduler now available for download!

ASP Junction has just been launched!

HTMLJunction has a new store!

More News...

Avatars for your Web Site

Smileys for your Web Site

Lesson 4

Addresses and Background Images

I know I said we would learn tables next, but I felt a need to talk about Addresses and Background Image's. I promise we'll do tables next!

ADDRESSES
You learned in Lesson 3 about Image and Link tags and how they asked for an Address inside the quote marks. An Address is the location of a file, either on the internet, or in your computer. Lets talk about the computer first. On my hard drive (which is my "C" drive and is referred to as C:), I have a folder called My Documents, inside that folder I have a folder called WebPages, Inside the WebPages folder I keep separate folders for each one of my web pages. One of these folders is called webhelp, inside that folder I keep all of the .html files for these lessons and any other files that go with them. So the Address to this page on my computer is:

C:\My Documents\WebPages\lessons\less2.asp

NOTE: the direction of the slant of the slash is different than the one you use for the internet!

Now lets talk about the internet. The Address to this page on the internet is:

http://www.htmljunction.com/lessons/less2.asp

The http:// stands for Hyper Text Transfer Protocol (For a more detailed explaination check out one of the links on the Resources page), It is basicaly saying to look on the Internet for the following directory. On the internet somewhere is a directory called (for ease of explaining) www.htmljunction.com and is known as the Root or Top directory. Inside that directory I have one called lessons inside that directory is where I keep the file for this page!

NOTE: A Folder and Directory are the same thing! On the computer it is referred to as a Folder and on the Internet as a Directory

On the Internet the Address can be shortened, If the file is in a different directory, the address can be shortened to:
/images/bye[1].gif
If I'm placing an image on a page and both the html and image files are in the same directory then it can be shortened to just this:
bye[1].gif

Remember if the page or image is not on your website the whole address must be included. Including the http://

You cannot use an address for your computer on the Internet and vice versa

BACKGROUND IMAGES

Now that you know about addresses and how to place images and links, and you know about the body tag, you can now use an image as a background!

Using the body tag from the Test Page we will insert the command: background="", so that it looks like this:

<body background="bye(1).gif" bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">

What this command is saying is: Use the image located at the address inside the " " quote marks as a background on this page.
There are a few things to note here. One being the address I used for the image, the image is in the same directory as the html file so I shortened it. If you are having problems, use the whole address. The second thing to note is that I left in the bgcolor="" command. That is so the bgcolor command will take over if you have problems loading the image. The last thing to note here is when you use an image for a background it will tile it, like this Annoying Background, of course you probably wouldnt use that background but you can see what tiling does!

There is another command that you can put in the body tag that is kinda cool and thats the bgproperties="fixed" command, that will give you a fixed background so that it will not scroll with the rest of the page. I am told that command only works with Internet Explorer and not with Netscape.

NOTE: The commands do not have to be in any particular order, just make sure the word body is first in the tag, and that the commands are separated by spaces.(this is true for all tags)

Ok, now that thats done with, I promise we will look at Tables next.

>>Printable Page<<