<BODY BGCOLOR="#FFFFFF">
<FORM ACTION="default.cgi" METHOD="POST" ENCTYPE="application/x-www-form-urlencoded">
<P>
<TABLE BORDER="0" WIDTH="100%" HEIGHT="304">
<TR>
<TD WIDTH="13%" HEIGHT="17374" BGCOLOR="#9966FF">
<P><FONT COLOR="#003333">Learn:</FONT></P>
<P><A HREF="main.htm#aa">The bare bone Basics</A></P>
<P><A HREF="main.htm#bb"><FONT SIZE="1">color</FONT></A><FONT SIZE="1"> </FONT><BR>
<A HREF="main.htm#yy"><FONT SIZE="1">bace color& background</FONT></A><FONT SIZE="1"> </FONT><BR>
<A HREF="main.htm#cc"><FONT SIZE="1">font size</FONT></A><BR>
<A HREF="main.htm#dd"><FONT SIZE="1">paragraph </FONT></A><BR>
<A HREF="main.htm#bra"><FONT SIZE="1">line break </FONT></A><BR>
<A HREF="main.htm#ee"><FONT SIZE="1">align</FONT></A><FONT SIZE="1"> </FONT><BR>
<A HREF="main.htm#ff"><FONT SIZE="1">linking </FONT></A><BR>
<A HREF="main.htm#pic"><FONT SIZE="1">adding pictures</FONT></A></P>
<P><A HREF="main.htm#sp">Spice Up Your Text</A></P>
<P><A HREF="main.htm#minors">The minors </A><BR>
<A HREF="main.htm#align"><FONT SIZE="1">Aligning Image Sizeing </FONT></A><A HREF="main.htm#sip"><FONT SIZE="1">pics
</FONT></A><BR>
<A HREF="main.htm#alt"><FONT SIZE="1">altranate text </FONT></A><BR>
<A HREF="main.htm#lowsrc"><FONT SIZE="1">lowsrc (cool)</FONT></A><BR>
<A HREF="main.htm#anc"><FONT SIZE="1">Ancors</FONT></A><A HREF="main.html#anc"><FONT SIZE="1"> </FONT></A><BR>
<A HREF="main.htm#lines"><FONT SIZE="1">lines </FONT></A><BR>
<A HREF="main.htm#tabe"><FONT SIZE="1">tables</FONT></A><BR>
<A HREF="main.htm#music"><FONT SIZE="1">music</FONT></A><BR>
<A HREF="main.htm#Butons"><FONT SIZE="1">butons</FONT></A></P>
<P><A HREF="main.htm#butons">Frames</A></P>
<P><A HREF="main.htm#Forms">Forms</A> <BR>
<A HREF="main.htm#textb"><FONT SIZE="1">text boxes</FONT></A><FONT SIZE="1"><BR>
</FONT><A HREF="main.htm#texta"><FONT SIZE="1">text areas</FONT></A><FONT SIZE="1"><BR>
</FONT><A HREF="main.htm#checkb"><FONT SIZE="1">check boxes</FONT></A><FONT SIZE="1"><BR>
</FONT><A HREF="main.htm#radiob"><FONT SIZE="1">radio boxes</FONT></A><FONT SIZE="1"><BR>
</FONT><A HREF="main.htm#listb"><FONT SIZE="1">list boxes</FONT></A><FONT SIZE="1"><BR>
</FONT><A HREF="main.htm#dragb"><FONT SIZE="1">dragdown boxes</FONT></A><FONT SIZE="1"><BR>
</FONT><A HREF="main.htm#sub"><FONT SIZE="1">submit/reset</FONT></A></P>
<P><A HREF="main.htm#java">JavaScript!</A></P>
<P>Refrance:</P>
<P><A HREF="colors.htm"><FONT SIZE="2"><B>ColorChart </B></FONT></A><A HREF="altcom.htm"><FONT SIZE="2"><B>Altcomands</B></FONT></A><BR>
<BR>
<A HREF="mailto:jat_and_a@hotmail.com">E-Mail Me</A> <BR>
<BR>
<!-- V3 Redirect Services Banner start -->
<CENTER>
<FONT SIZE="1">My URL: </FONT><A HREF="http://come.to/example" target="_top"><FONT SIZE="1">http://come.to/example</FONT></A><FONT
SIZE="1"> <BR>
<BR>
<A HREF="http://come.to/" target="_top"><IMG SRC="v3aban.gif" WIDTH="88" HEIGHT="31" ALIGN="BOTTOM" ALT="V3-URL"
BORDER="0"></FONT></A><FONT SIZE="1"> <BR>
I got it for free at </FONT><A HREF="http://come.to/" target="_top"><FONT SIZE="1">http://come.to</FONT></A> <!-- V3 Redirect Services Banner stop --></CENTER>
<IMG SRC="/cgi-bin/counter/7" ALIGN="BOTTOM" BORDER="0"><A HREF="main.htm#aa">The bare bone Basics</A></P>
<P><A HREF="main.htm#bb"><FONT SIZE="1">color</FONT></A><FONT SIZE="1"> </FONT><BR>
<A HREF="main.htm#yy"><FONT SIZE="1">bace color& background</FONT></A><FONT SIZE="1"> </FONT><BR>
<A HREF="main.htm#cc"><FONT SIZE="1">font size</FONT></A><BR>
<A HREF="main.htm#dd"><FONT SIZE="1">paragraph </FONT></A><BR>
<A HREF="main.htm#bra"><FONT SIZE="1">line break </FONT></A><BR>
<A HREF="main.htm#ee"><FONT SIZE="1">align</FONT></A><FONT SIZE="1"> </FONT><BR>
<A HREF="main.htm#ff"><FONT SIZE="1">linking </FONT></A><BR>
<A HREF="main.htm#pic"><FONT SIZE="1">adding pictures</FONT></A></P>
<P><A HREF="main.htm#sp">Spice Up Your Text</A></P>
<P><A HREF="main.htm#minors">The minors </A><BR>
<A HREF="main.htm#align"><FONT SIZE="1">Aligning Image Sizeing </FONT></A><A HREF="main.htm#sip"><FONT SIZE="1">pics
</FONT></A><BR>
<A HREF="main.htm#alt"><FONT SIZE="1">altranate text </FONT></A><BR>
<A HREF="main.htm#lowsrc"><FONT SIZE="1">lowsrc (cool)</FONT></A><BR>
<A HREF="main.htm#anc"><FONT SIZE="1">Ancors</FONT></A><A HREF="main.html#anc"><FONT SIZE="1"> </FONT></A><BR>
<A HREF="main.htm#lines"><FONT SIZE="1">lines </FONT></A><BR>
<A HREF="main.htm#tabe"><FONT SIZE="1">tables</FONT></A><BR>
<A HREF="main.htm#music"><FONT SIZE="1">music</FONT></A><BR>
<A HREF="main.htm#Butons"><FONT SIZE="1">butons</FONT></A></P>
<P><A HREF="main.htm#butons">Frames</A></P>
<P><A HREF="main.htm#Forms">Forms</A> <BR>
<A HREF="main.htm#textb"><FONT SIZE="1">text boxes</FONT></A><FONT SIZE="1"><BR>
</FONT><A HREF="main.htm#texta"><FONT SIZE="1">text areas</FONT></A><FONT SIZE="1"><BR>
</FONT><A HREF="main.htm#checkb"><FONT SIZE="1">check boxes</FONT></A><FONT SIZE="1"><BR>
</FONT><A HREF="main.htm#radiob"><FONT SIZE="1">radio boxes</FONT></A><FONT SIZE="1"><BR>
</FONT><A HREF="main.htm#listb"><FONT SIZE="1">list boxes</FONT></A><FONT SIZE="1"><BR>
</FONT><A HREF="main.htm#dragb"><FONT SIZE="1">dragdown boxes</FONT></A><FONT SIZE="1"><BR>
</FONT><A HREF="main.htm#sub"><FONT SIZE="1">submit/reset</FONT></A></P>
<P><A HREF="main.htm#java">JavaScript!</A></P>
<P>Refrance:</P>
<P><A HREF="colors.htm"><FONT SIZE="2"><B>ColorChart </B></FONT></A><A HREF="altcom.htm"><FONT SIZE="2"><B>Altcomands</B></FONT></A><BR>
<BR>
<A HREF="mailto:jat_and_a@hotmail.com">E-Mail Me</A> <BR>
<BR>
<!-- V3 Redirect Services Banner start -->
<CENTER>
<FONT SIZE="1">My URL: </FONT><A HREF="http://come.to/example" target="_top"><FONT SIZE="1">http://come.to/example</FONT></A><FONT
SIZE="1"> <BR>
<BR>
<A HREF="http://come.to/" target="_top"><IMG SRC="v3aban.gif" WIDTH="88" HEIGHT="31" ALIGN="BOTTOM" ALT="V3-URL"
BORDER="0"></FONT></A><FONT SIZE="1"> <BR>
I got it for free at </FONT><A HREF="http://come.to/" target="_top"><FONT SIZE="1">http://come.to</FONT></A> <!-- V3 Redirect Services Banner stop --></CENTER>
<IMG SRC="/cgi-bin/counter/7" ALIGN="BOTTOM" BORDER="0"></P>
<P ALIGN="CENTER"> <BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
</TD>
<TD WIDTH="87%" HEIGHT="17374" BGCOLOR="#FFFFDF">
<P ALIGN="CENTER"><FONT SIZE="6" COLOR="#660066">Welcome</FONT></P>
<P ALIGN="CENTER"><FONT SIZE="6" COLOR="#660066">To Beyond the Basics!</FONT></P>
<P ALIGN="CENTER"><FONT SIZE="4" COLOR="#0000AA">(going beyond the basics of html and into simple java script!)</FONT></P>
<P><FONT COLOR="#000000">Hello and welcome to Beyond the basics, here you can learn some basic and not so basic</FONT>
<FONT COLOR="#000000">html and even a little Javascript. I made this page after finding that though a lot of pages
had information on the basic html information aimed at beginers, few had information on things that arn't so basic.
Infact after searching for a few weeks finding nothing beyond what I already knew, I got a little frustrated. I
went out and bought one of thoes fancy html/Java editors to do all the work I should have been able to do myself
if someone had been kind enough to show me how. Finaly I decided that someone should tell everyone about these
things, Someone should be kind enough to go beyond the basics of html. Feel free to come back here anytime to look
up how to do one thing or another, and feel free to E-mail me if you can't find what you need, I'll try to add
it to the page. But keep in mind I am still learning myself. So I don't know everything, chances are I will have
to come back here to check on my own codeing for cirtian things. Ok, enough with my overly long winded speech,
on to the html. (I have to start basic first...)</FONT></P>
<P><FONT COLOR="#000000"><BR>
Ok, I'm kind of asumeing everyone here knows a few simple things... you start html with '<' and end it with
'>' I am figureing everyone knows how to close tags.... everyone knows what html is (he he... forgot to mention
that at the begining...) and everyone knows what html is for... the same for java script... ok on to:</FONT></P>
<P>
<CENTER>
<P>
<HR ALIGN="CENTER" WIDTH="75%" SIZE="3" NOSHADE>
<A NAME="aa"></A><FONT SIZE="5">The Bare Bone Basics:</FONT></P>
</CENTER>
<CENTER>
<P>
<HR ALIGN="CENTER" NOSHADE>
</P>
</CENTER>
<P><A NAME="bb"></A><FONT COLOR="#000000">Font colors are one of the most basic things in html, but there are a
lot more colors then you would think, most people are used to the basic </FONT><FONT COLOR="yellow">yellow</FONT><FONT
COLOR="orange">, orange,</FONT><FONT COLOR="red">red, </FONT><FONT COLOR="purple">purple, </FONT><FONT COLOR="blue">blue</FONT>
<FONT COLOR="black">, and </FONT><FONT COLOR="green">green</FONT><FONT COLOR="black">, but there are a ton of shades
in between. now, the basic tag for a font color is rather simple:</FONT></P>
<P><FONT COLOR=" black"><font color="color"></FONT></P>
<P><FONT COLOR=" black">where "color" is the colors name or number. now, there are two ways to make font
colors, you can say the name of the color. ie:</FONT></P>
<P><FONT COLOR=" black"><font color=red> </FONT><FONT color="red">red</FONT></P>
<P><FONT color=" black">or, a beter way to do this is to use the number. ie</FONT></P>
<P><font color="#FF3300"> <FONT COLOR="#FF3300">red</FONT></P>
<P><FONT COLOR="#000000">but the trick of corse with this is geting all the color numbers. Well, here's yet another
thing I have found that no one seams to want to list, so here they are. the color name:</FONT></P>
<CENTER>
<P>
<TABLE BORDER="1" WIDTH="100%" HEIGHT="530">
<TR>
<TD WIDTH="11%" BGCOLOR="#FFFFFF">
<P ALIGN="CENTER">FFFFFF
</TD>
<TD WIDTH="11%" BGCOLOR="#000000">
<P ALIGN="CENTER"><FONT COLOR="#FFFFFF">000000</FONT>
</TD>
<TD WIDTH="11%" BGCOLOR="#222222">
<P ALIGN="CENTER"><FONT COLOR="#FFFFFF">222222</FONT>
</TD>
<TD WIDTH="11%" BGCOLOR="#444444">
<P ALIGN="CENTER"><FONT COLOR="#FFFFFF">444444</FONT>
</TD>
<TD WIDTH="11%" BGCOLOR="#555555">
<P ALIGN="CENTER"><FONT COLOR="#FFFFFF">555555</FONT>
</TD>
<TD WIDTH="11%" BGCOLOR="#777777">
<P ALIGN="CENTER">777777
</TD>
<TD WIDTH="11%" BGCOLOR="#BBBBBB">
<P ALIGN="CENTER">BBBBBB
</TD>
<TD WIDTH="11%" BGCOLOR="#DDDDDD">
<P ALIGN="CENTER">DDDDDD
</TD>
<TD WIDTH="12%" BGCOLOR="#EEEEEE">
<P ALIGN="CENTER">EEEEEE
</TD>
</TR>
<TR>
<TD WIDTH="11%" BGCOLOR="#440000">
<P ALIGN="CENTER"><FONT COLOR="#FFFFFF">440000</FONT>
</TD>
<TD WIDTH="11%" BGCOLOR="#663300">
<P ALIGN="CENTER"><FONT COLOR="#FFFFFF">663300</FONT>
</TD>
<TD WIDTH="11%" BGCOLOR="#996633">
<P ALIGN="CENTER">996633
</TD>
<TD WIDTH="11%" BGCOLOR="#002200">
<P ALIGN="CENTER"><FONT COLOR="#FFFFFF">002200</FONT>
</TD>
<TD WIDTH="11%" BGCOLOR="#003333">
<P ALIGN="CENTER"><FONT COLOR="#FFFFFF">003333</FONT>
</TD>
<TD WIDTH="11%" BGCOLOR="#003399">
<P ALIGN="CENTER"><FONT COLOR="#FFFFFF">003399</FONT>
</TD>
<TD WIDTH="11%" BGCOLOR="#005555">
<P ALIGN="CENTER"><FONT COLOR="#FFFFFF">005555</FONT>
</TD>
<TD WIDTH="11%" BGCOLOR="#330066">
<P ALIGN="CENTER"><FONT COLOR="#FFFFFF">330066</FONT>
</TD>
<TD WIDTH="12%" BGCOLOR="#660066">
<P ALIGN="CENTER"><FONT COLOR="#FFFFFF">660066</FONT>
</TD>
</TR>
<TR>
<TD WIDTH="11%" BGCOLOR="#770000">
<P ALIGN="CENTER"><FONT COLOR="#FFFFFF">770000</FONT>
</TD>
<TD WIDTH="11%" BGCOLOR="#993300">
<P ALIGN="CENTER"><FONT COLOR="#FFFFFF">993300</FONT>
</TD>
<TD WIDTH="11%" BGCOLOR="#CC9900">
<P ALIGN="CENTER">CC9900
</TD>
<TD WIDTH="11%" BGCOLOR="#004400">
<P ALIGN="CENTER"><FONT COLOR="#FFFFFF">004400</FONT>
</TD>
<TD WIDTH="11%" BGCOLOR="#336666">
<P ALIGN="CENTER"><FONT COLOR="#FFFFFF">336666</FONT>
</TD>
<TD WIDTH="11%" BGCOLOR="#0033FF">
<P ALIGN="CENTER"><FONT COLOR="#FFFFFF">0033FF</FONT>
</TD>
<TD WIDTH="11%" BGCOLOR="#000077">
<P ALIGN="CENTER"><FONT COLOR="#FFFFFF">000077</FONT>
</TD>
<TD WIDTH="11%" BGCOLOR="#660099">
<P ALIGN="CENTER"><FONT COLOR="#FFFFFF">660099</FONT>
</TD>
<TD WIDTH="12%" BGCOLOR="#990066">
<P ALIGN="CENTER"><FONT COLOR="#FFFFFF">990066</FONT>
</TD>
</TR>
<TR>
<TD WIDTH="11%" BGCOLOR="#AA0000">
<P ALIGN="CENTER"><FONT COLOR="#FFFFFF">AA0000</FONT>
</TD>
<TD WIDTH="11%" BGCOLOR="#CC3300">
<P ALIGN="CENTER">CC3300
</TD>
<TD WIDTH="11%" BGCOLOR="#FFCC00">
<P ALIGN="CENTER">FFCC00
</TD>
<TD WIDTH="11%" BGCOLOR="#006600">
<P ALIGN="CENTER"><FONT COLOR="#FFFFFF">006600</FONT>
</TD>
<TD WIDTH="11%" BGCOLOR="#006666">
<P ALIGN="CENTER"><FONT COLOR="#FFFFFF">006666</FONT>
</TD>
<TD WIDTH="11%" BGCOLOR="#0066FF">
<P ALIGN="CENTER"><FONT COLOR="#FFFFFF">0066FF</FONT>
</TD>
<TD WIDTH="11%" BGCOLOR="#0000AA">
<P ALIGN="CENTER"><FONT COLOR="#FFFFFF">0000AA</FONT>
</TD>
<TD WIDTH="11%" BGCOLOR="#663399">
<P ALIGN="CENTER"><FONT COLOR="#FFFFFF">663399</FONT>
</TD>
<TD WIDTH="12%" BGCOLOR="#CC0099">
<P ALIGN="CENTER"><FONT COLOR="#FFFFFF">CC0099</FONT>
</TD>
</TR>
<TR>
<TD WIDTH="11%" BGCOLOR="#DD0000">
<P ALIGN="CENTER">DD0000
</TD>
<TD WIDTH="11%" BGCOLOR="#FF3300">
<P ALIGN="CENTER">FF3300
</TD>
<TD WIDTH="11%" BGCOLOR="#FFFF00">
<P ALIGN="CENTER">FFFF00
</TD>
<TD WIDTH="11%" BGCOLOR="#008800">
<P ALIGN="CENTER"><FONT COLOR="#FFFFFF">008800</FONT>
</TD>
<TD WIDTH="11%" BGCOLOR="#009999">
<P ALIGN="CENTER"><FONT COLOR="#FFFFFF">009999</FONT>
</TD>
<TD WIDTH="11%" BGCOLOR="#0099FF">
<P ALIGN="CENTER">0099FF
</TD>
<TD WIDTH="11%" BGCOLOR="#0000DD">
<P ALIGN="CENTER"><FONT COLOR="#FFFFFF">0000DD</FONT>
</TD>
<TD WIDTH="11%" BGCOLOR="#9900CC">
<P ALIGN="CENTER"><FONT COLOR="#FFFFFF">9900CC</FONT>
</TD>
<TD WIDTH="12%" BGCOLOR="#FF0099">
<P ALIGN="CENTER">FF0099
</TD>
</TR>
<TR>
<TD WIDTH="11%" BGCOLOR="#FF0000">
<P ALIGN="CENTER">FF0000
</TD>
<TD WIDTH="11%" BGCOLOR="#FF6600">
<P ALIGN="CENTER">FF6600
</TD>
<TD WIDTH="11%" BGCOLOR="#FFFF33">
<P ALIGN="CENTER">FFFF33
</TD>
<TD WIDTH="11%" BGCOLOR="#00EE00">
<P ALIGN="CENTER">00EE00
</TD>
<TD WIDTH="11%" BGCOLOR="#00CCCC">
<P ALIGN="CENTER">00CCCC
</TD>
<TD WIDTH="11%" BGCOLOR="#00CCFF">
<P ALIGN="CENTER">00CCFF
</TD>
<TD WIDTH="11%" BGCOLOR="#3366FF">
<P ALIGN="CENTER">3366FF
</TD>
<TD WIDTH="11%" BGCOLOR="#9933FF">
<P ALIGN="CENTER">9933FF
</TD>
<TD WIDTH="12%" BGCOLOR="#FF33CC">
<P ALIGN="CENTER">FF33CC
</TD>
</TR>
<TR>
<TD WIDTH="11%" BGCOLOR="#FF6666">
<P ALIGN="CENTER">FF6666
</TD>
<TD WIDTH="11%" BGCOLOR="#FF6633">
<P ALIGN="CENTER">FF6633
</TD>
<TD WIDTH="11%" BGCOLOR="#FFFF66">
<P ALIGN="CENTER">FFFF66
</TD>
<TD WIDTH="11%" BGCOLOR="#66FF66">
<P ALIGN="CENTER">66FF66
</TD>
<TD WIDTH="11%" BGCOLOR="#66CCCC">
<P ALIGN="CENTER">66CCCC
</TD>
<TD WIDTH="11%" BGCOLOR="#66FFFF">
<P ALIGN="CENTER">66FFFF
</TD>
<TD WIDTH="11%" BGCOLOR="#3399FF">
<P ALIGN="CENTER">3399FF
</TD>
<TD WIDTH="11%" BGCOLOR="#9966FF">
<P ALIGN="CENTER">9966FF
</TD>
<TD WIDTH="12%" BGCOLOR="#FF66FF">
<P ALIGN="CENTER">FF66FF
</TD>
</TR>
<TR>
<TD WIDTH="11%" BGCOLOR="#FF9999">
<P ALIGN="CENTER">FF9999
</TD>
<TD WIDTH="11%" BGCOLOR="#FF9966">
<P ALIGN="CENTER">FF9966
</TD>
<TD WIDTH="11%" BGCOLOR="#FFFF99">
<P ALIGN="CENTER">FFFF99
</TD>
<TD WIDTH="11%" BGCOLOR="#99FF99">
<P ALIGN="CENTER">99FF99
</TD>
<TD WIDTH="11%" BGCOLOR="#66FFCC">
<P ALIGN="CENTER">66FFCC
</TD>
<TD WIDTH="11%" BGCOLOR="#99FFFF">
<P ALIGN="CENTER">99FFFF
</TD>
<TD WIDTH="11%" BGCOLOR="#66CCFF">
<P ALIGN="CENTER">66CCFF
</TD>
<TD WIDTH="11%" BGCOLOR="#9999FF">
<P ALIGN="CENTER">9999FF
</TD>
<TD WIDTH="12%" BGCOLOR="#FF99FF">
<P ALIGN="CENTER">FF99FF
</TD>
</TR>
<TR>
<TD WIDTH="11%" BGCOLOR="#FFCCCC">
<P ALIGN="CENTER">FFCCCC
</TD>
<TD WIDTH="11%" BGCOLOR="#FFCC99">
<P ALIGN="CENTER">FFCC99
</TD>
<TD WIDTH="11%" BGCOLOR="#FFFFCC">
<P ALIGN="CENTER">FFFFCC
</TD>
<TD WIDTH="11%" BGCOLOR="#CCFFCC">
<P ALIGN="CENTER">CCFFCC
</TD>
<TD WIDTH="11%" BGCOLOR="#99FFCC">
<P ALIGN="CENTER">99FFCC
</TD>
<TD WIDTH="11%" BGCOLOR="#CCFFFF">
<P ALIGN="CENTER">CCFFFF
</TD>
<TD WIDTH="11%" BGCOLOR="#99CCFF">
<P ALIGN="CENTER">99CCFF
</TD>
<TD WIDTH="11%" BGCOLOR="#CCCCFF">
<P ALIGN="CENTER">CCCCFF
</TD>
<TD WIDTH="12%" BGCOLOR="#FFCCFF">
<P ALIGN="CENTER">FFCCFF
</TD>
</TR>
</TABLE>
<A HREF="colors.htm"><FONT SIZE="1">(for this neet little color chart to bookmark click here)</FONT></A></P>
</CENTER>
<P><FONT COLOR="black">when you write the color names you have to but a # in front of it, and "s around it.
for example, lets say you want to make font the color white, (FFFFFF) you would put it like this:</FONT></P>
<P><FONT COLOR="black"><font color="#FFFFFF"></FONT></P>
<P><FONT COLOR="black">got it? simple,</FONT></P>
<P><FONT COLOR="black">you CAN make colors that arn't up there... but to be honest I am just learning this myself
so I am not going to list how you figure it out... here's what I do know:</FONT></P>
<P><FONT COLOR="black">there are three parts to the number... the begining, the middle and the end (duh). and each
part represents the amount of a color that is in it, the first part is red, the middle is green, and the end is
blue. (ya may have noticed this in the chart). The scale of a color goes from 0-F, why I have no idea... but that's
how it works. Well anyway so you can of corse play with the numbers/leters example: </FONT>
<TABLE BORDER="1" WIDTH="12%">
<TR>
<TD WIDTH="100%" BGCOLOR="#60502B">
<P ALIGN="CENTER"><FONT COLOR="#FFFFFF">60502B</FONT>
</TD>
</TR>
</TABLE>
<FONT COLOR="black">a nice brown...sorta... but a good example...</FONT></P>
<P>
<HR ALIGN="CENTER" WIDTH="75%" SIZE="3" NOSHADE>
<A NAME="yy"></A></P>
<P><FONT COLOR="black">Seting basic backgrounds and colors and wallpaper is simple,</FONT></P>
<P><FONT COLOR="black"><BODY BACKGROUND="background image" TEXT="text color" BGCOLOR="background
color" LINK="un visited link color" VLINK="Visited link color" ALINK="Active link
color"></FONT></P>
<P><FONT COLOR="black">peice of cake.</FONT></P>
<P><FONT COLOR="black"><BR>
</FONT>
<HR ALIGN="CENTER" WIDTH="75%" SIZE="3" NOSHADE>
</P>
<P><FONT COLOR="black"><BR>
<BR>
<BR>
<A NAME="cc"></A></FONT></P>
<P><FONT COLOR="black">Another thing that cirtianly falls under the "basic" part of html is font size,
this is about as simple as you can get...</FONT></P>
<P><FONT COLOR="black"><font size=1> </FONT><FONT SIZE="1" COLOR="black">font</FONT> <BR>
<FONT COLOR="black"><font size=2> </FONT><FONT SIZE="2" COLOR="black">font</FONT> <BR>
<FONT COLOR="black"><font size=3> </FONT><FONT SIZE="3" COLOR="black">font (defalt)</FONT> <BR>
<FONT COLOR="black"><font size=4> </FONT><FONT SIZE="4" COLOR="black">font</FONT> <BR>
<FONT COLOR="black"><font size=5> </FONT><FONT SIZE="5" COLOR="black">font</FONT> <BR>
<FONT COLOR="black"><font size=6> </FONT><FONT SIZE="6" COLOR="black">font</FONT> <BR>
<FONT COLOR="black"><font size=7> </FONT><FONT SIZE="7" COLOR="black">font</FONT></P>
<P><FONT COLOR="black">There are also headings. They, unlike the font sizes go from one being the bigest, to 6
being the smallest...</FONT></P>
<P><FONT COLOR="black"><h1></FONT>
<H1><FONT COLOR="black">font</FONT></H1>
<P><FONT COLOR="black"><h2></FONT>
<H2><FONT COLOR="black">font</FONT></H2>
<P><FONT COLOR="black"><h3></FONT>
<H3><FONT COLOR="black">font</FONT></H3>
<P><FONT COLOR="black"><h4></FONT>
<H4><FONT COLOR="black">font</FONT></H4>
<P><FONT COLOR="black"><h5></FONT>
<H5><FONT COLOR="black">font</FONT></H5>
<P><FONT COLOR="black"><h6></FONT>
<H6><FONT COLOR="black">font</FONT></H6>
<P>
<HR ALIGN="CENTER" WIDTH="75%" SIZE="3" NOSHADE>
</P>
<P><A NAME="dd"></A></P>
<P><FONT COLOR="black">Yet another nessary basic is the Paragraph and line break, a paragraph looks like a missing
space inbetween linkes. ex.</FONT></P>
<P><FONT COLOR="black">here</FONT></P>
<P><FONT COLOR="black">to here</FONT></P>
<P><FONT COLOR="black">the codeing for this is simple:</FONT></P>
<P><FONT COLOR="black"><p></FONT></P>
<P><FONT COLOR="black">the line break is simply a skiped line</FONT></P>
<P><FONT COLOR="black">here</FONT><BR>
to here</P>
<P><A NAME="bra"></A>the codeing for this is just as simple:</P>
<P><br></P>
<P>
<HR ALIGN="CENTER" WIDTH="75%" SIZE="3" NOSHADE>
<A NAME="ee"></A></P>
<P>Ok, alignment... centering and puting things to the left is all fairly simple,</P>
<P>left</P>
<P ALIGN="CENTER">center</P>
<P ALIGN="RIGHT">right</P>
<P>Aligning left is defalt, so if you want all your text left don't worry about it, just make sure to close your
tags are closed (forgoten this a few times myself.....)</P>
<P>to center something is easy too.</P>
<P><center> easy enough.</P>
<P>right can be a tiny bit harder... you have to close your paragraphs... (correct me If I'm wrong please)</P>
<P>and you start your paragraph like this:</P>
<P><P ALIGN="RIGHT"> then make sure to close the p. just use the reg </p> closer... don't
worry about the </p align="right"> stuff.</P>
<P>you CAN use the right align thing for centering... but in my eyes it's a pain.</P>
<P>
<HR ALIGN="CENTER" WIDTH="75%" SIZE="3" NOSHADE>
<A NAME="ff"></A></P>
<P>Linking... everyone likes linking... but one thing I can not stress enough CLOSE YOUR TAGS!!!! it is VERY anoying
when you don't... (he he... I know from experiance...)</P>
<P><A HREF="http://geocities.datacellar.net/TimesSquare/Fortress/5638/">My other HP</A></P>
<P><a href="location">link</P>
<P>that simple.</P>
<P>you can also have email addys this way, just use for the location</P>
<P>mailto:emailaddy@something.com</P>
<P>easy.</P>
<P>See how to make anchors later on.</P>
<P><BR>
<HR ALIGN="CENTER" WIDTH="75%" SIZE="3" NOSHADE>
<A NAME="pics"></A></P>
<P>Pictures... easy, yet important,</P>
<P><IMG SRC="../images/gif/musicnotess.gif" WIDTH="19" HEIGHT="18" ALIGN="BOTTOM" BORDER="0"></P>
<P>how:</P>
<P><img src="addy"></P>
<P>You can align pictures just like text. only go Align="align" Img src= More on this later</P>
<P><BR>
The Title isn't something your likely to see, but it is very important for oh say, bookmarks. You unlike the rest
of most of the tags here find this in the head, the codeing is simple, and often auto there.</P>
<P><title>title</title></P>
<P>simple but inportant and very easy forget (VERY easy... hehe)</P>
<P>
<HR ALIGN="CENTER" WIDTH="75%" SIZE="3" NOSHADE>
</P>
<P>YAAA... your through the basics, though I'm sure you already know most of this stuff but I had to review it.
ok, now, finnaly, on to something that has a bit of stance... note I said a bit, most of this stuff with STILL
be review for a lot of people... on to:</P>
<CENTER>
<P>
<HR ALIGN="CENTER" WIDTH="75%" SIZE="3" NOSHADE>
<A NAME="sp"></A><FONT SIZE="5">Spice up your text</FONT>
<HR ALIGN="CENTER" NOSHADE>
</P>
</CENTER>
<P>Spiceing up text is important, but simple, you can make all kinds of fun things, with VERY simple codes. it
makes your page look just that little bit beter. <A HREF="altcom.htm">Click Here</A> for a list of alt comands,
you press alt+number on the RIGHT keypad, easy.</P>
<P><I>italics:</I></P>
<P><i> and the closeing tag</P>
<P><B>Bold:</B></P>
<P><b> and the closeing tag</P>
<P><TT>Fixed with font:</TT></P>
<P><tt> and the closeing tag</P>
<P><U>underline</U></P>
<P><u> and the closeing tag</P>
<P><STRIKE>Strike through</STRIKE></P>
<P><strike> and the closeing tag</P>
<P><blink>Blink</blink></P>
<P><blink> and the closeing tag</P>
<P>Another neat trick with font is you know when you see numbers? like powers(3<SUP>5</SUP>)? or like H<SUB>2</SUB>O?</P>
<P>Writeing<SUP>Super Script</SUP></P>
<P><sup> and the closeing tag</P>
<P>Writeing <SUB>Sub Script</SUB></P>
<P><sub> and the closeing tag</P>
<P><CODE>Computer Code is shown as tt OR</CODE></P>
<P><code></P>
<P>
<PRE>This can only be shown
when you write sevrial lines. things like spaces,
Show as things like spaces
here are NO line break tags in here... it auto breaks it's self.</PRE>
<P>This can be a useful trick,</P>
<P><pre> and the closeing tag.</P>
<P>I'm sure I missed some, if you can think of any please email me.</P>
<P>
<CENTER>
<P>
<HR ALIGN="CENTER" WIDTH="75%" SIZE="3" NOSHADE>
<A NAME="minors"></A><FONT SIZE="5">The Minors</FONT>
<HR ALIGN="CENTER" NOSHADE>
</P>
</CENTER>
<P><A NAME="align"></A>As I m</P>
<P>I'm entioned above you can align images as well as text, this wouldn't seam to be inportant, but actuly it can
lead to a very neet feture called text wraping, in this way the text can flow around the image, to do this you
go</P>
<P><align="right or left" img src="name of image"></P>
<P>not going to show you an example of this because it would take too long to load an image large enough for the
efect to work, but I'm sure you can picture this, this works for left and right align only
<HR ALIGN="CENTER" WIDTH="75%" SIZE="3" NOSHADE>
<A NAME="sip"></A>Another neet thing about Pics is you can make them as big or as small as you want, example:</P>
<P><IMG SRC="musicnotess.gif" WIDTH="19" HEIGHT="18" ALIGN="BOTTOM" BORDER="0"></P>
<P>can be:</P>
<P><IMG SRC="musicnotess.gif" WIDTH="36" HEIGHT="34" ALIGN="BOTTOM" BORDER="0"></P>
<P>How:</P>
<P>Add: WIDTH= desired width in pics HEIGHT=desired height in pics.</P>
<P>ex</P>
<P><Img Src="addy" Width=10 Height=10></P>
<P>I'm sure you get the point.</P>
<P><BR>
<HR ALIGN="CENTER" WIDTH="75%" SIZE="3" NOSHADE>
<A NAME="alt"></A>Images can have altranate text for them, you can do this simply, just</P>
<P><img src="image addy" alt=altranate text></P>
<P>
<HR ALIGN="CENTER" WIDTH="75%" SIZE="3" NOSHADE>
<A NAME="lowsrc"></A>Here's one I just learned! it's where you load a kind of under pic to save loading time, then
the real pic loads over it! how cool can you get? here, <A HREF="ex1.htm">see what I mean</A> (it's a bad example
though)</P>
<P>to do this ya have two images. your img src, and you lowsrc.</P>
<P>K, you need two images, one real simple (the basic 16 colors) and then the normal image.</P>
<P>then, you make a basic image thingy like this</P>
<P><img src="full image name.gif" lowsrc="fast loading image"></P>
<P>peice of cake, but cool efect, especly for HUGE images!!!</P>
<P>
<HR ALIGN="CENTER" WIDTH="75%" SIZE="3" NOSHADE>
<A NAME="anc"></A>Ancors are another trick, it lets you go to a cirtian spot on the doccument, or on another document,
their are two parts. one the name, two the link, to make the name you go</P>
<P><a name="#name">a word of text</a> then for the link simply for the location put the addy,
and thenthe name includeing the #.
<HR ALIGN="CENTER" WIDTH="75%" SIZE="3" NOSHADE>
</P>
<P><A NAME="Lines"></A>Lines, they can be a very good way to seprate diffrent parts of text clearly... lines come
in all shapes and sizes... the basic line is like this:</P>
<P>
<HR ALIGN="CENTER">
</P>
<P><hr> VERY simple.</P>
<P>But the reason this isn't so bare bone is because there are a lot of ways to play with the basic line...</P>
<P>you can play with how wide a line is... the one up there is 100</P>
<P>
<HR ALIGN="LEFT" WIDTH="90%">
90</P>
<P>
<HR ALIGN="LEFT" WIDTH="75%">
75 (a common one to see centered.</P>
<P>
<HR ALIGN="LEFT" WIDTH="50%">
50</P>
<P>and so on... anything inbetween is ok as well. to make a line a cirtian size is simple too:</P>
<P><hr WIDTH="50%"> or whatever width ya want it...</P>
<P>you can also play with hight. I set all these lines to 25% by the way....</P>
<P>
<HR ALIGN="LEFT" WIDTH="25%" SIZE="1">
<HR ALIGN="LEFT" WIDTH="25%">
<HR ALIGN="LEFT" WIDTH="25%" SIZE="3">
<HR ALIGN="LEFT" WIDTH="25%" SIZE="4">
<HR ALIGN="LEFT" WIDTH="25%" SIZE="5">
<HR ALIGN="LEFT" WIDTH="25%" SIZE="6">
<HR ALIGN="LEFT" WIDTH="25%" SIZE="7">
<HR ALIGN="LEFT" WIDTH="25%" SIZE="8">
<HR ALIGN="LEFT" WIDTH="25%" SIZE="9">
<HR ALIGN="LEFT" WIDTH="25%" SIZE="10">
the sizes go from 1-10 there... I have NO idea how big you could go...</P>
<P>
<HR ALIGN="LEFT" WIDTH="25%" SIZE="100">
that's size 100...</P>
<P>how do you play with higth? like this:</P>
<P><hr SIZE="3"> this comes AFTER the width...(the defalt's 2) though I don't know if that matters
any...</P>
<P>you can also 3d shade and un-3d shade a line...</P>
<P>
<HR ALIGN="LEFT" WIDTH="25%" SIZE="10">
<HR ALIGN="LEFT" WIDTH="25%" SIZE="10" NOSHADE>
</P>
<P>the top's shaded the botom isn't... the're size 10 to show a huge diffrance...</P>
<P>if you want to unshade a line simply add the word NOSHADE</P>
<P><hr noshade></P>
<P>OF corse you can combine this stuff... write them out in the order I said them.. width, size, then shade/noshade,
simple, put a space between each one.</P>
<P>
<HR ALIGN="CENTER" WIDTH="75%" SIZE="3" NOSHADE>
</P>
<P><A NAME="tabe"></A>Tables, they can be wounders when you want to get things to be there. ok, simple table:</P>
<P>
<TABLE BORDER="0">
<CAPTION>Caption</CAPTION>
<TR>
<TD>spot one</TD>
<TD>spot two</TD>
<TD>spot three</TD>
</TR>
<TR>
<TD>spot four</TD>
<TD>spot five</TD>
<TD>spot six</TD>
</TR>
</TABLE>
</P>
<P>The Code:</P>
<P><TABLE BORDER="0"><BR>
<CAPTION>Caption</CAPTION><BR>
<TR><BR>
<TD>spot one</TD><BR>
<TD>spot two</TD><BR>
<TD>spot three</TD><BR>
</TR><BR>
<TR><BR>
<TD>spot four</TD><BR>
<TD>spot five</TD><BR>
<TD>spot six</TD><BR>
</TR><BR>
</TABLE></P>
<P>The tables go like this, each <tr> tag is a diffrent row, each <td> is a diffrent item, you may
want to make sure you make the same number of rows and coloms,I think that if you don't your table will look like
this:</P>
<P>
<TABLE BORDER="0">
<CAPTION>Caption</CAPTION>
<TR>
<TD>spot one</TD>
<TD>spot two</TD>
<TD>spot three</TD>
<TD></TD>
</TR>
<TR>
<TD>spot four</TD>
<TD>spot five</TD>
<TD>spot six</TD>
<TD>spot seven</TD>
</TR>
</TABLE>
</P>
<P>Ok, now lets say ya need to make it go ALL the way across the screen...</P>
<P>
<TABLE BORDER="0" WIDTH="100%">
<CAPTION>Caption,</CAPTION>
<TR>
<TD WIDTH="33%">spot one</TD>
<TD WIDTH="33%">spot two</TD>
<TD WIDTH="34%">spot three</TD>
</TR>
<TR>
<TD WIDTH="33%">spot four</TD>
<TD WIDTH="33%">spot five</TD>
<TD WIDTH="34%">spot six</TD>
</TR>
</TABLE>
</P>
<P>the only diffrence between this one and the table above is this one has one added feture, In the first</P>
<P><table>tag Width="100%" was added:</P>
<P><table Width="100%"></P>
<P>You can also make a table with Cell padding, The padding works just like lines, infact, the padding ARE lines,
and thus go by the same sizeing rules (by the way the rest of these -00-tables will be 100%)</P>
<P>
<TABLE BORDER="1" CELLPADDING="0" CELLSPACING="0" WIDTH="100%">
<CAPTION>Caption</CAPTION>
<TR>
<TD WIDTH="33%">spot one</TD>
<TD WIDTH="33%">spot two</TD>
<TD WIDTH="34%">spot three</TD>
</TR>
<TR>
<TD WIDTH="33%">spot four</TD>
<TD WIDTH="33%">spot five</TD>
<TD WIDTH="34%">spot six</TD>
</TR>
</TABLE>
</P>
<P>K, for this you go (in the table tag again)</P>
<P>Border="1"</P>
<P>or another number.<BR>
<HR ALIGN="CENTER" WIDTH="75%" SIZE="3" NOSHADE>
<A NAME="music"></A>Have you ever gone to a page? and music starts playing? and then woundered, how'd they do that?
well here's how:</P>
<P><EMBED src="Music.mid" WIDTH 200 HEIGHT=55 VOLUME=100 AUTOSTART=TRUE HIDDEN=FALSE><BR>
I don't know enough about the tags to change most of it but what I do know is this, you can make the HIDDEN part
=True, and youc an't see the pic, a Major advantage also you can resize it, with the heght and width parts, and
Autostart should be on true, and I don't know about looping, but I know this is a majorly good way to have a little
music, (this works for .mid and .au so far from what I know, maybe it will work on more then that, but don't ask
me)</P>
<P><BR>
You can also create a link to music midis, it will automaticly start a player if you have a good netscape, btw,
this codeing works on both netscape and ie... but get netscape, it's a thousand times better!</P>
<P>
<HR ALIGN="CENTER" WIDTH="75%" SIZE="3" NOSHADE>
<BR>
<A NAME="Butons"></A>Butons, <FONT SIZE="1">(PLEASE, if I wack this please email me so I can fix it)</FONT></P>
<P><INPUT TYPE="button" VALUE="button"></P>
<P>simple.</P>
<P><form><INPUT TYPE="button" VALUE="what's on buton"></form></P>
<P>now to make the little buton do something... you can link it (dugh) you can make it pop up a message like this:</P>
<P><INPUT TYPE="button" VALUE="button name"
onClick='alert("message.")'></P>
<P><FORM><BR>
<INPUT TYPE="button" VALUE="buton name" <BR>
onClick='alert("message")'><BR>
</FORM></P>
<P>ta da... there are LOTS of buttons... you can have LOTS of fun with um... check out some fun ones at <A HREF="http://buttons.javascriptsource.com/"
target="_top">The Java Sorces button page. </A>Java Sorce has a lot of cool Java, I hope hope hope I havn't copyed
anything I shouldn;'t have, but it does say for use on web pages, there you can get a lot of java, and also you
can learn from the sorce code. There are so many things to do with butons it is amazeing, so I'm not going to get
into butons too far. Check out that link for some VERY cool butons.<BR>
<HR ALIGN="CENTER" WIDTH="75%" SIZE="3" NOSHADE>
</P>
<P>There are loads of things that could go here.... but the Java sorce basicly has covered them... so 'fraid that
I have to move on.... man this page is going to be short... ok the next two things have sections of their own,
why, because they take a whole section to explain, first:</P>
<CENTER>
<P>
<HR ALIGN="CENTER" WIDTH="75%" SIZE="3" NOSHADE>
<A NAME="Frames"></A><FONT SIZE="7">Frames</FONT>
<HR ALIGN="CENTER" NOSHADE>
</P>
</CENTER>
<P>Frames need a section on their own, because let me tell ya, they arn't you avrage run of the mill simple html
codeing... this page you are looking at is realy three seprate pages, each made on their own, then combined. PLEASE
if anyone knows that I post something wrong tell me.... email me, whatever, cuz I am still kind of new in this
feild... but hay, my page works...</P>
<P>Ok, let's say you want to make a frames page... with one little bar along the side... like mine, you want it
resizeable... like mine... and basicly, you want it like mine... now, I will be going over how to make harder things...
like four frames insted of two... but one thing at a time. Ok, start by makeing one main page. this is the page
people will actuly go to when they want to see both frames at the same time... Then there's the bar along the side,
and then the big page. Ok, on to the example...</P>
<P>let's just say you have three files...</P>
<P>index.htm</P>
<P>option.htm</P>
<P>main.htm</P>
<P>let's say that index is the main page, option is the bar page, and main is the big page... THIS is the big page,
the one you are reading now.</P>
<P>ok, in your index page make a page like this:</P>
<P><HTML><BR>
<BR>
<HEAD><BR>
<TITLE>Page title</TITLE><BR>
</HEAD><BR>
<BR>
<FRAMESET COLS = "15%,85% " ><BR>
<FRAME SRC="option.htm" NAME="option" RESIZE><BR>
<FRAME SRC="main.htm" NAME="main" RESIZE><BR>
</FRAMESET><BR>
<BR>
<NOFRAMES><BR>
<BODY><BR>
<BR>
<P><BR>
<BR>
<BR>
</BODY><BR>
<BR>