An Html Tutorial
     I'm a curve
  REOIV.com
If this was your site you'd be home now

Who is REOIV?
More about REOIV

HTML Tutorial
Learn HTML

Site Map
The REOIV site map

Rants
What pisses me off?

Thoughts
Bats in me noggin

Questions?
Then E-Mail me

Links
My favorite sites for you surfers
  The Basics


To make a webpage one needs to know the bsics. First off, you need to know that all HTML tags have a beginning tag and and end tag like this
<Table> </Table> <font> </font>
If you start a tag REMEMBER to end it. Ok now onto types of tags
  • <HTML> All of your HTML MUST be in between the HTML tags
  • <Title> Look at the top of this window. See how it says "Learn HTML" that is what a Title tag is for.
  • <body> Anything put inside of this tag is affects the body of your HTML document.Anything between the two body tags is the body of your page. The body tag for this page looks like this: <BODY BGCOLOR="#ffffff" TEXT="#000000" LINK="#694444" VLINK="#694444" ALINK="#694444" LEFTMARGIN=0 TOPMARGIN=0 MARGINHEIGHT=0 MARGINWIDTH=0>This means the bgcolor or background color of the page is white. The text is colored black, links are a brown color,VLINK or visited links are a brown color as well, and the margin atributes tell the browser how much of each margin type to place on the page.
  • <b>Makes text bold (don't forget to add the end tag after it)
  • <i>Makes text italicized (don't forget to add the end tag after it)
  • <u> Makes text underlined (if you do forget I'll have to kill you)
  • <sup> makes asuperscript
  • <sub> makes asubscript
  • <font face="Comic sans ms">Makes your font different (Again add the end tag of </font>)
  • <font color="red">Makes your font color different(Again add the end tag)
  • <font size="7">Makes your font huge!!
  • <marquee> Makes your text scroll in Internet Explorer
  • <blink> Makes your text blink in Netscape...THOUGH IF YOU USE IT I'LL KILL YOU
  • <BR> Although you can't tell(from this example), everytime you want the line you are writting to have a return entered, use this tag.
  • <PRE> This is used for when you don't want to convert a page to HTML with page breaks and <BR>s. It will stay the same way it looks when you cut and pasted it.
  • <P> makes a page break like this

  • <hr> makes a line across the page like this
    Pretty neat huh?

Links


This section deals with how to make links on pages. First off this is the easiest part in all of HTML
To do a link make your code look like this

<A HREF="http://www.any_site_you_want_to_link_to.com"> Any Site you want to link to</A>

That code would look like this

Any Site you want to link to

Thats it. Now wasn't that Easy?

Images

Let's work on images now. These are just as easy as links yet much more impressive.Try out this code

<IMG SRC="http://www.angelfire.com/on2/reo/images/Pikachu.jpg" alt="Pika pika" width=100>

This code ends up putting an image of your choice ( I chose a Pikachu) on your page. The width aspect is used to tell the browser how many pixels wide the image needs to be. You can designate height if you want to. If the image, for some reason, fails to load the Alt tag gives the surfer an Idea of what was supposed to be there, it can also be seen if the surfer puts their mouse on the image.This the image
Pika pika

Tables

Tables are one of the most important things in HTML.
KEY TERMS:

Cellpadding=the amount of room inside each cell of your table
Cellspacing=This is the amount of open space left between cells of the table.
Border=This is how much of a border you want.
To do a table set up you code like this

<TABLE cellpadding=1 cellspacing=1 border=1>
< TR>
<TD> A </TD> <TD> B </TD>
</TR>
< TR>
<TD> C </TD> <TD> D </TD>
</TR>
</TABLE>

The table looks like this once completed

AB
CD

This is a table
with a BORDER=1
AB
CD

This is a table
with a BORDER=0
AB
CD

This is a table
with a BORDER=5

Ok that wasn't so hard no to play with the table The <TD> tags are used to signify a cell of the table. If you look A is in its own cell. Lets say you wanted to change only A's cell's background color then do this (BTW #AAAAAA= Gray)

<TD BGCOLOR="#AAAAAA" >A</TD>

this code looks like this

AB
CD

Change the bgcolor of the cell to your tastes. Infact one can even change the entire row or even the table to a color of you coosing. Just add the bgcolor tags inside the appropriate <TR> or <TABLE> tags. Here take a look
AB
CD
AB
CD

Ok now you know about Tables.
AN ADVANCED SECTION IS COMING SOON!!!!!!!!!