Before explaining the code behind this, there's a few things I must advise you of:

1. Using a large file (an mp3, for example) may take upto an hour to load on a slower (dial up) connection. This is not optimal for use as background music.
2. User a large file will also consume your bandwidth much faster than a smaller midi file.
3. Using any material that does not belong to you, or that you do not have a valid copyright for, is against the law. Regardless if you're only using it as background music on your site, copyright laws are very clear in this aspect.
4. From personal experience, if you are running a business website, that does not pertain to selling music, stay away from adding background music to your site. This may drive business away from your site, as customers do not expect music to be playing on a webpage, other than a "personal" page.

Please keep these things in mind when adding music to your site. We'd hate to see something legal happen due to your use of music on your site's pages.

If you do own the music you want to put on your site, and/or have the okay from the copyright holder, here is the code to do so:

<EMBED src="file.mid" autostart=true loop=false volume=100
hidden=true><NOEMBED><BGSOUND src="file.mid"></NOEMBED>

Replace the file.mid (in both spots), with your file's name, and extention.

This will automatically start the file, and play it once. If you want to have it repeat, change "loop=false", to "loop=true".

Changing your font can be tricky. Not so much from a coding standpoint, but from a viewing standpoint.

The thing to remember about changing your font, is that if someone viewing your site doesn't have the font you choose installed on their computer, it will display as their browser's default.

So, if you set your font to "MySuperdupercustomfont", it won't display correctly for the user, and may turn out making the site look worse. Using "standard" fonts, such as Tahoma, Verdana, Arial, etc, work the best.

To change to something other than the dreaded Times New Roman default, use this:

<font face="arial">Your paragraph goes here</font>

Replace "arial" with whichever font you'd like to use.

This is an example of blockquoted text. This is an example of blockquoted text. This is an example of blockquoted text. This is an example of blockquoted text. This is an example of blockquoted text. This is an example of blockquoted text. This is an example of blockquoted text. This is an example of blockquoted text.

With adding video to your page, you have two options to consider.

1. Adding your video as a download to your page.
2. Streaming the video from your page, to not require download.

Both will allow visitors to see your video. And which you use is entirely preference.

1) To add your video as a download, you'd simply want to place a link to it:

<a href="myvideo.mov">link text</a>


For this example, I used myvideo.mov (.mov is a Quicktime reliant file, however, any files can be used. .avi, .mpeg, etc)

2) To add your video, streaming, you'd need a bit more code:

<object width="320" height="260" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab"> <param name="src" value="mymovie.mov"> <param name="controller" value="true"> <param name="autoplay" value="true"> <!-- Backwards Compatibility --> <embed src="mymovie.mov" width="320" height="260" autoplay="true" controller="true" pluginspage="http://www.apple.com/quicktime/download/"> </embed> </object>



In this bit of code, you'd simply replace the instances of "mymovie.mov", with whatever your movie is called. It will play automatically on the page. You can also replace the width and height parameters, to make the movie more close to it's natural size. This will help with distortion reduction.

Some other things that you can add to your link code, will make it do various things. Here's a few examples:

TITLE tag. The title tag will add a 'pop up' or sorts to your links. Move your mouse over this, for a working example. To use the title tag, you'd simply want to add: title="the text you want to show up", to your link. So, it would look like this:

TARGET tag. If you want to link to an external site, an important thing to keep in mind, is that you want people to stay on your site, but still be able to see another site. This is where the target tag comes into play. This will allow you to virtually open your links in a new window. By adding target="_blank" to your links, you can trigger them to open in a new window.

MOUSEOVER code. This is a bit tricky, but a little bit of javascript can help make one of my biggest pet peeves dissappear from a website. When you put your mouse over a link on a site, you can look down in the left corner of your browser, and see the URL of that link's destination. I'm not sure why, but I dislike this, a lot. So, adding a bit of javascript to your links, can make that say something else. Here's the code:

I realize the last bit of code, the javascript, may be a bit confusing, so I'll break it down, and explain what it all does (keep in mind that all of it is case sensitive):

onmouseover="window.status='text';return true - this bit of code tells your browser that when someone puts their mouse over your link (onmouseover), that you want the window status to display the text designated (window.status='text'), and to make sure it works (;return true)
onmouseout="window.status='';return true - this bit of code more or less does the same thing(s), only instead of telling what text to display when we take our mouse off the link (mouseout), we're telling it to display nothing (window.status='').