HTML TUTORIALS

What is HTML
Introduction
Lesson1:Tags
Lesson2:Paragraphs
Lesson3:Attributes
Lesson4:Lines
Lesson5:Graphics
Lesson6:Alignment
Lesson7:Links
Lesson8: Tables
Lesson9: Frames
Uploading Webpages

EXTRAS

Quick Reference
Color Chart
Webpage Templates
Free Web Graphics
Graphics Optimizer
Resources
Free Software

Coffee Cup Editor. HTML editing software that is very easy to use and sells for under $50 with lifetime upgrades.

Text Pad HTML editor. Another easy to use html editor. I have used both of these programs a lot, with great results.

Core FTP is a File Transfer Program that is very easy to use and there is no cost to use the free version wich will work very nicely.

FTP Explorer
FTP Explorer is also a FTP (file transfer) program and this is at no cost as well. Very easy to use.

XPlorer is a program that will put 2 windows on your desktop and allow you to transfer files between them. Move files easily on your own desktop, Easy to use.

Same as above, just another version. Both are very good and very easy to use.

Meta Tags. This program will help ypou with Meta Tags on your site. You should really get to know this free program.

Did You Know
HTML stands for "HyperText Markup Language" It consists of a bunch of codes widely referred to as tags. These tags are needed in the construction of webpages.

Lesson 1: Tags
Beginning and Ending Tags
Most html tags consist of a beginning tag and an ending tag. For example:

<HTML> </HTML>
Notice the / in the second tag. All ending tags contain a /. This slash is very important, it tells the browser that what you wanted done has ended.

At the top of every html document before anything has been typed, put:

<HTML>
This signifies the start of your html document. At the end of your html document after everything has been typed, put:

</HTML>
This signifies the end of your html document. Notice the / in the second tag, always remember to put the / in the end tag, otherwise your page won't turn out right. Under <HTML> comes this tag:
<HEAD>
This tag doesn't affect what's on the page but you should get in the habit of putting it in. Below <HEAD> put this tag:
<TITLE>
Beside it type the name of your web page, for instance "Test Page". At the end of "Test Page" type this:

</TITLE>
Remember the / in the end tag? So this is what it looks like:

<TITLE>Test Page</TITLE>

The <TITLE> tags designate what will appear in the titlebar at the top of the browser. Take a look at the example below.

The stuff between the<TITLE> tags is what appears here in the browser titlebar

Below the TITLE tags goes the </HEAD> tag. Notice this is an end tag because it has this: /

Note: It doesn't matter whether your tags are in upper or lower case letters.The upper case letters and bold style in this tutorial are used for emphasis.

Putting Something On Your Web Page
Now let us get to putting something on your web page. These are the body tags:

<BODY> </BODY>
They enclose the part of your html document which will appear on your web page.Want to start your web page with a heading? Here's the code:

<H>
The heading tag comes with numbers, <H1> to <H6>. The numbers beside the H tell the browser how large the letters are to be, with 1 being the largest and 6 the smallest. So what do your want your heading to say? Lets suppose it's "Learning Html." Lets also have a sub-heading with smaller letters called "Step One". Here's what the html code looks like so far:

<HTML>

<BODY>
<H1> Learning Html </H1>
<H3> Step One </H3>
</BODY>

</HTML>

Notice that the stuff which will be on your web page is in between the BODY tags. This is what it will look like on your web page:

Learning Html

Step One

Heading tags produce bold text and they will not allow other text to line up beside them. Well, they're headings aren't they?

In the Center
If you want to center something on the webpage you use these tags:

<CENTER> </CENTER>

The stuff enclosed between these tags will be centered on your web page. Continuing with our html example, here's what to do if you want just the larger heading centered:

<HTML>

<BODY>
<CENTER>
<H1>Learning Html </H1> </CENTER>
<H3>Step One</H3>
</BODY>

</HTML>

Notice that the beginning CENTER tag is placed before the <H1> tag and the CENTER end tag is placed after the </H1>. So the stuff between these tags is what will be centered. Here's the result:

Learning Html

Step One

If you wanted to center your smaller heading as well your html code would look like this:

<HTML>

<BODY>
<CENTER>
<H1> Learning Html</H1> <H3>Step One </H3>
</CENTER>
</BODY>

</HTML>

See? The CENTER end tag doesn't come until after the end </H3> tag for the second heading. This is how it would look on your web page:

Learning Html

Step One

Have you tried out what you learned so far? No? So what are you waiting for? Go try it and then come back to learn how paragraphs are made in

Lesson 2.

Here are some links that have helped me

Html Made Easy is now a book! Don't spend money on books you won't understand, The Complete Html Made Easy takes you every step of the way in building a website, and it makes it fun and easy too!
More Info

XARA WEBSTYLE4

An Excellent Web Page Program

EVERYONE can make quality web graphics with Xara Webstyle, whatever your skill level. From banner ads to complete web pages, simply customize the templates.

XARA3D is the Number 1 Tool for creating stunning, professional-quality 3D web graphics. See why for yourself

ALL designers need fonts - get yours for as little as $2 US from

Links to Free Scripts

These Links are to sites that provide scripts and various other offerings to help you spruce up your web pages.

Dynamic Drive DHTML code library
Visit Dynamic Drive for free, original DHTML scripts and components, all of which utilize the latest in DHTML and JavaScript technology!

Links to Tools

These links will take you to sites that provide such things as guestbooks, Polls, Forms and a whole lot more. Scripts and programs you can add to your site to provide your users with information or get information.

BRAVENET.COMProvides many resources for web pages and is worth the visit.

Much information is provided by our State Regulatory Authority. From this link you can registar for the do not call list, or do not fax list. This site will also allow you to lodge your complaints about your local phone company. Check it out.