OK. Now we start to expand on the page we have just built. First we
will enter a welcome banner. You can find welcome banners at any
site that offers free animations. The welcome banner can either just
say Welcome or offer the title of your page on the banner. But we'll
just use a welcome banner to get this started. Do you remember how
to insert a image onto a page, cause thats all your doing. Now you
want it to be the first thing under the opening BODY tag. (Note: I'm
also going to change the title to "My Ozzy Page". You will see the
title of a page at the top of your browser).


<HTML>
<HEAD><TITLE>My Ozzy Page</TITLE>
</HEAD>
<BODY BGCOLOR="#000000" text="#ffffff" link="#ff0000" vlink="#ffff00">

<CENTER><IMG SRC="welcome.gif" WIDTH="330" HEIGHT="53"
ALT="welcome to my page"></CENTER> Welcome to my home page. It's about Ozzy Osbourne, and his career which spans 28 years. Here is a link to Ozzy. <P> <A HREF="http://celebsite.com/people/ozzyosbourne/index.html">Ozzy Link</A> here is a cool page about Ozzy. <P> <CENTER><A HREF="http://celebsite.com/people/ozzyosbourne/index.
html"><IMG SRC="ozzy1.jpg" HEIGHT="170" WIDTH="130" ALT="click here to
see Ozzy"></A></CENTER> <P> To E-mail me just <A HREF="mailto:whoever@youre-mail.com">Click Here</A>. </BODY> </HTML>

OH... You want some music or a sound on your page too. OK. We'll
o that now. You can put the music or sound anywhere on the page
you want. It's best to get a MIDI file sound or song, opposed to a
WAV, as MIDI's are alot smaller and load alot quicker. Now we use
the EMBED tag. I think I'll put it at the bottom of the page so that
it loads last. We'll also put the name above it so that everyone
knows what it is.



<HTML>
<HEAD><TITLE>My Ozzy Page</TITLE>
</HEAD>
<BODY BGCOLOR="#000000" text="#ffffff" link="#ff0000" vlink="#ffff00">

<CENTER><IMG SRC="welcome.gif" WIDTH="330" HEIGHT="53"
ALT="welcome to my page"></CENTER> Welcome to my home page. It's about Ozzy Osbourne, and his career which spans 28 years. Here is a link to Ozzy. <P> <A HREF="http://celebsite.com/people/ozzyosbourne/index.html">Ozzy Link</A> here is a cool page about Ozzy. <P> <CENTER><A HREF="http://celebsite.com/people/ozzyosbourne/index.
html"><IMG SRC="ozzy1.jpg" HEIGHT="170" WIDTH="130" ALT="click here to
see Ozzy"></A></CENTER> <P> To E-mail me just <A HREF="mailto:whoever@youre-mail.com">Click Here</A>. <CENTER> Mr. Crowley<BR> <EMBED SRC="mr_crowley.mid" autostart="true" WIDTH=200 HEIGHT=45
controls="smallconsole"></EMBED> </CENTER> </BODY> </HTML>

To view more tags that you could use in the EMBED tag visit my
TAGS PAGE and click on the example for EMBED. Now
lets put in a counter to see how many visitors go to your
site. You can get counters from many different places.
Usually they will create a HTML tag for you to copy and paste.
I will use BESEEN counters like I did on the main page, as they are one
of the many that will create the HTML tag for you to copy and
paste. Now you can put the counter anywhere you like for
as I sure you have noticed counters in different places in
different pages. Do not copy the counter code from this page as it
will mess up the count on your page as well as this page. I am posting this
as an example of how it is done.



<HTML>
<HEAD><TITLE>My Ozzy Page</TITLE>
</HEAD>
<BODY BGCOLOR="#000000" text="#ffffff" link="#ff0000" vlink="#ffff00">

<CENTER><IMG SRC="welcome.gif" WIDTH="330" HEIGHT="53"
ALT="welcome to my page"></CENTER> Welcome to my home page. It's about Ozzy Osbourne, and his career which spans 28 years. Here is a link to Ozzy. <P> <A HREF="http://celebsite.com/people/ozzyosbourne/index.html">Ozzy Link</A> here is a cool page about Ozzy. <P> <CENTER><A HREF="http://celebsite.com/people/ozzyosbourne/index.
html"><IMG SRC="ozzy1.jpg" HEIGHT="170" WIDTH="130" ALT="click here to
see Ozzy"></A></CENTER> <P> To E-mail me just <A HREF="mailto:whoever@youre-mail.com">Click Here</A>. <P> <CENTER> Mr. Crowley<BR> <EMBED SRC="mr_crowley.mid" autostart="true" WIDTH=200 HEIGHT=45
controls="smallconsole"></EMBED> <P> <A HREF="http://www.beseen.com/hc-index.html"><IMG SRC="http://pluto.beseen.com/hit.counter?account=crazysteve104@hotmail
.com-stephenie&font=YellowOnBlack&base=0" BORDER=0></A> </CENTER> </BODY> </HTML>

Notice how I used Iset of center tags to center both the EMBED tag
and the COUNTER tag.OK so now your saying
"I dont like that solid color background, and
would rather have a different one." Here's all you do. First find
the background you like then inert it into the BODY tag, like so.



<HTML>
<HEAD><TITLE>My Ozzy Page</TITLE>
</HEAD>
<BODY BGCOLOR="#000000" BACKGROUND="bg123.gif" text="#ffffff"
link="#ff0000" vlink="#ffff00"> <CENTER><IMG SRC="welcome.gif" WIDTH="330" HEIGHT="53"
ALT="welcome to my page"></CENTER> Welcome to my home page. It's about Ozzy Osbourne, and his career which spans 28 years. Here is a link to Ozzy. <P> <A HREF="http://celebsite.com/people/ozzyosbourne/index.html">Ozzy Link</A> here is a cool page about Ozzy. <P> <CENTER><A HREF="http://celebsite.com/people/ozzyosbourne/index.
html"><IMG SRC="ozzy1.jpg" HEIGHT="170" WIDTH="130" ALT="click here to
see Ozzy"></A></CENTER> <P> To E-mail me just <A HREF="mailto:whoever@youre-mail.com">Click Here</A>. <P> <CENTER> Mr. Crowley<BR> <EMBED SRC="mr_crowley.mid" autostart="true" WIDTH=200 HEIGHT=45
controls="smallconsole"></EMBED> <P> <A HREF="http://www.beseen.com/hc-index.html"><IMG SRC="http://pluto.beseen.com/hit.counter?account=crazysteve104@hotmail
.com-stephenie&font=YellowOnBlack&base=0" BORDER=0></A> </CENTER> </BODY> </HTML>

Now lets say you have a file that you want to share with others.
You would use ANCHOR tags to link to the file. In this case I will
use zipped file of the midi for the download. When performing downloadable
files, be sure to use the correct file extention.
Weather it be .mid, .wav, .zip, .exe, and so on.



<HTML>
<HEAD><TITLE>My Ozzy Page</TITLE>
</HEAD>
<BODY BGCOLOR="#000000" BACKGROUND="bg123.gif" text="#ffffff"
link="#ff0000" vlink="#ffff00"> <CENTER><IMG SRC="welcome.gif" WIDTH="330" HEIGHT="53"
ALT="welcome to my page"></CENTER> Welcome to my home page. It's about Ozzy Osbourne, and his career which spans 28 years. Here is a link to Ozzy. <P> <A HREF="http://celebsite.com/people/ozzyosbourne/index.html">Ozzy Link</A> here is a cool page about Ozzy. <P> <CENTER><A HREF="http://celebsite.com/people/ozzyosbourne/index.
html"><IMG SRC="ozzy1.jpg" HEIGHT="170" WIDTH="130" ALT="click here to
see Ozzy"></A></CENTER> <P> To E-mail me just <A HREF="mailto:whoever@youre-mail.com">Click Here</A>. <P> <CENTER> Mr. Crowley<BR> <EMBED SRC="mr_crowley.mid" autostart="true" WIDTH=200 HEIGHT=45
controls="smallconsole"></EMBED> If you would like to download the Mr. Crowley midi just <A HREF= "mr_crowley.zip">Click Here</A> <P> <A HREF="http://www.beseen.com/hc-index.html"><IMG SRC="http://pluto.beseen.com/hit.counter?account=crazysteve104@hotmail
.com-stephenie&font=YellowOnBlack&base=0" BORDER=0></A> </CENTER> </BODY> </HTML>

How about if we finish out the page with some scrolling text?
Sound good to you? Sounds good to me. Here goes.



<HTML>
<HEAD><TITLE>My Ozzy Page</TITLE>
</HEAD>
<BODY BGCOLOR="#000000" BACKGROUND="bg123.gif" text="#ffffff"
link="#ff0000" vlink="#ffff00"> <CENTER><IMG SRC="welcome.gif" WIDTH="330" HEIGHT="53"
ALT="welcome to my page"></CENTER> Welcome to my home page. It's about Ozzy Osbourne, and his career which spans 28 years. Here is a link to Ozzy. <P> <A HREF="http://celebsite.com/people/ozzyosbourne/index.html">Ozzy Link</A> here is a cool page about Ozzy. <P> <CENTER><A HREF="http://celebsite.com/people/ozzyosbourne/index.
html"><IMG SRC="ozzy1.jpg" HEIGHT="170" WIDTH="130" ALT="click here to
see Ozzy"></A></CENTER> <P> To E-mail me just <A HREF="mailto:whoever@youre-mail.com">Click Here</A>. <P> <CENTER> Mr. Crowley<BR> <EMBED SRC="mr_crowley.mid" autostart="true" WIDTH=200 HEIGHT=45
controls="smallconsole"></EMBED> If you would like to download the Mr. Crowley midi just <A HREF= "mr_crowley.zip">Click Here</A> <P> <A HREF="http://www.beseen.com/hc-index.html"><IMG SRC="http://pluto.beseen.com/hit.counter?account=crazysteve104@hotmail
.com-stephenie&font=YellowOnBlack&base=0" BORDER=0></A> </CENTER> <P> <MARQUEE>Thank you for visiting my page. Please come again
soon as I am still building. </MARQUEE> </BODY> </HTML>

Lets see what we have so far, shall we. Click Here. When you are done
viewing the page. CONGRATULATIONS, you have just built your first page.

Now I will show you how to put these skills to work to post your page.