February 27, 2006--HTML 2
First thing today, I want to welcome Eva, who has joined this blog.
Welcome Eva!!!
I wonder if you have noticed these two signs: < and >. Remember in math we had less than and greater than. Well, here they are, back again.
So up until now, this is what your HTML code would look like for your letter:
<HTML>
<HEAD>
<STYLE></STYLE >
</HEAD>
<BODY bgColor=your color number >
<DIV><FONT =your choice color size=your choice>your message here</FONT></DIV>
</BODY></HTML>
This is the bare bones of a message or a page in code; of course much more is needed for a webpage; however, you can get away with just this for a message.
But if you are like me, you like to have much more than this, so today we will add three more things: background music, a background image, and a picture in the message.
First, the background music:
At the end of your body bgcolor, after the >, add the following:<BGSOUND balance=0
src="C:\The exact path of your piece of music"
volume=0 loop=infinite>
Your path will look like this:
"C:\My Documents\My Music\title.mid"
I put the extension ".mid" for the piece of music because that is usually what we use for a message to keep the kbs. down to a reasonable size.
Your path will not be identical to this, but it gives you an idea what it should be.
If you don't know the exact path, open the folder where your music is and the exact path will be found at the top.
Now, on to the background picture:(Remember this has to be a seamless graphic if you want it to look good.)
and this is the code:
background="C:\exact path\nameof graphic.jpg">
This is placed right after the background color number; leave a space and enter background="C:\exact path\name of graphic.jpg">
Same deal if you don't know the path of your graphic; open the folder where it is and get the path at the top.
Your graphic can have a .jpg or .gif extension; some people use .bmp extensions, but these are large files and should be converted to .jpg before being used as a background.
Finally, let's move on to putting a picture, a graphic in your message;
<IMG align=left (or right) src="C:\your path\name of graphic.gif (or jpg)" border=0 hspace=0>
I have 0 for border because I don't want a border; I have 0 for hspace because I don't want any horizontal space specified; later we will have a number in this last one; we will also add the dimensions of the graphic.
This image can be placed anywhere in your message of course.
Note that "align=" is what determines if it will be to the left or to the right.
If you wanted to place it in the center, it is a bit different so we will get to that later.
OK, this is a lot to digest, so I leave you to play with that.
Up to now, you have:
<HTML>
<HEAD>
<STYLE></STYLE></HEAD>
<BODY bgColor=your color number background="C:\exact path\name of graphic.jpg">
<BGSOUND balance=0 src="C:\The exact path of your piece of music"
volume=0 loop=infinite>
<DIV><FONT =your choice color size=your choice>your message here</FONT>
<IMG align=left (or right) src="C:\your path\name of graphic.gif (or jpg)" border=0 hspace=0>
</DIV>
</BODY></HTML>
We have not explained HEAD, STYLE and DIV; we will next time or soon.
Everything is there for a purpose, I assure you.
Ciao for now. |
| |
