Well, since I can't seem to go a single day without someone asking me "How the hell do you do this?" Out of the goodness of my heart I have decided to make this webpage explaining to the best of my ablities: HTML and other Online tricks.

So you want to learn HTML huh?? Open up Notepad or Wordpad and save your file as "page.html" or anything else as long as it end in (.html) Well first thing's first.. let's go over the basic list of HTML tags!!


Let's start with basic font tags:

<U>
Underlines text
</U>		 <I>
makes Italic text
</I> 		<B>
Makes bold text
</B>		 <S>
Makes a strikethrough
</S>		 <SUB>
Makes text look like this
</SUB>

REMEMBER:

Everytime you open <B> a tag, you MUST close </B> A tag!! You always use this set of tags:

<B>text</B> Get it? Got it? GOOD! <B>Because if you don't everything following your open tag will be bold.

Let's move on to tables..

You see the (yellow) example boxes above? That's called a table. Wanna learn how to make them yourself? Sure ya do!

The main part of a table is going to be <TABLE>..simple eh? Here's a basic table code:

<TABLE BORDER=2> <TR>

<TD> HI, I AM A TABLE!!</TD>

</TR>

</TABLE>

Example:

HI, I AM A TABLE!!


"How did he do that?" There's that question again! Here goes.. Ya see.. you have to include tr and td when making a table.. the <TR> tag tells the browser that you are making a NEW Row.. A line is how the table boxes go across the screen. The <TD> tag is the actual cell that your content goes into...you with me so far?? No? Well here's an example: Let's make a table with 5 rows and 3 columns.

<TABLE BORDER=2>

<TR><TD>HELLO</TD> <TD>HELLO</TD> <TD>HELLO</TD></TR>
<TR><TD>HELLO</TD> <TD>HELLO</TD> <TD>HELLO</TD></TR>
<TR><TD>HELLO</TD> <TD>HELLO</TD> <TD>HELLO</TD></TR>
<TR><TD>HELLO</TD> <TD>HELLO</TD> <TD>HELLO</TD></TR>
<TR><TD>HELLO</TD> <TD>HELLO</TD> <TD>HELLO</TD></TR>

</TABLE>

Example:

HELLO HELLO HELLO
HELLO HELLO HELLO
HELLO HELLO HELLO
HELLO HELLO HELLO
HELLO HELLO HELLO

I hope you understand now!! Yeah ya do! Because the hard part is, you can change the size and/or color of the table or TD boxes!! Just don't mess with the TR tag, it's just a line break. Let me explain:

<TABLE BORDER=2 BGCOLOR="RED">

<TR>

<TD>HI, I AM A TD BOX THAT IS NOW RED!!! </TD>

</TR>

</TABLE>

Example:

HI, I AM A TD BOX THAT IS NOW RED!!!

Now that you got that part, you can also change the height and color of the entire table too!! OR you can just not have a border at all by leaving out the (border=) Or you can make the border larger! border=5, border=6...etc. Let me see if I can do this.. follow me lol...

<TABLE BORDER="10" HEIGHT="400" WIDTH="600" BGCOLOR="#FF9900">

<TR>

<TD VALIGN="TOP" WIDTH="200" HEIGHT="200" BGCOLOR="BLUE"> HI, I AM A COOL TABLE THAT YOU CAN MAKE TOO!!</TD>

<TD> I am another TD box </TD>

<TD VALIGN="BOTTOM"> So am I!!</TD>

</TR>

</TABLE>

Example:

HI, I AM A COOL TABLE THAT YOU CAN MAKE TOO!! I am another TD box So am I!!

Now do you understand the concept of tables? I knew you could do it!! Did you see the (valign=top) and (valign=bottom) tag? That will make it so the text in your TD box doesn't stay in the center..

<TD VALIGN="TOP, MIDDLE, BOTTOM" ALIGN="LEFT, RIGHT, CENTER">

<TABLE WIDTH="100%" BORDER="2">

<TR>

<TD ALIGN="LEFT"><B>HEY! I'M ON THE LEFT</B></TD>

<TD ALIGN="RIGHT"> <B>HEY! I'M ON THE RIGHT</B></TD>

<TD ALIGN="CENTER"> <B>HEY! I'M IN THE CENTER!!</B></TD>

<TR>

</TABLE>

Example:

HEY! I'M ON THE LEFT HEY! I'M ON THE RIGHT HEY! I'M IN THE CENTER!!

Everything else is selfexplanitory. Good luck with tables!!



Belive it or not, you are almost ready to build a web page. It's just a few more things you NEED to learn by going here.

PART 2