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
By learning HTML you will have better control over how your webpage will look than if you use a software program to make one, plus it's easier to learn too!

Lesson 2: Paragraphs
Making a Paragraph
A heading is no good if it doesn't have anything under it so let's put something down, shall we? To make a paragraph, start typing the text you want to appear on your web page. At the point where you want the paragraph to end put:

This is a single tag requiring no end tag, although at times it can be used as a beginning tag and an end tag but never mind about that now. The "P" stands for, you guessed it, paragraph. It makes the text that follow skip down two lines. Here's how it's used in our html example:

<HTML>

<BODY>
< CENTER > <H1> Learning Html </H1> </CENTER>
<H3> Step One </H3>
The key in learning is practice.I know you can do it. So give it a try.
</BODY>

</HTML>

Here's how the web page would look:

Learning Html

Step One

The key in learning is practice. I know you can do it.

So give it a try.

See what's going on? The text that came after the tag skipped down two lines. Remember what I said in the previous lesson about the heading not allowing other text to line up beside it? That's why the beginning line of text skipped down two lines even though there are no P tags after the heading tags.

Give Me A Break
Hitting the "Enter" key will have no effect on your web page. If you want to start a new line in a certain place within a paragraph, you need to use this tag:

 

It means "break". It is a single tag requiring no end tag and acts like the tag except it skips one line instead of two.You don't need to use it at the end of each sentence in a paragraph, just use it if you want to start a new line in a particular place within a paragraph. Example:

The key to learning is practice. I know you can do it.So give it a try.

This is what it would look like on your page:

The key to learning is practice.
I know you can do it.

So give it a try.

NOTE: Always include the <HTML>, <TITLE>, <BODY> tags in your html code as explained in lesson 1 and in the example at the beginning of this lesson. I didn't do that here because I'm trying to save space.

Changing the Way Text Looks
To make a word or several words bold like this, use these tags:

 

The text that you want bold is enclosed between these tags like so:

Only one word here will be bold. Guess which one?
Did you pick "guess"? Then you're doing alright. How about an underlined word like this? Use these tags:

 

What about italicized words? No problem, this is what to use:

 

You can use any or all combinations of these tags depending on the effect you want to have on your text:

Thekeyin learning to make web pages is
 practice.

Notice how the words to be affected are enclosed in the beginning and end tags. See the slash in the end tags? Very important, don't forget them. Result:

The key in learning to make web pages is practice.

Understand? I hope so, otherwise I'm not doing a very good job. Try out the html tags you learned so far and come back for

lesson 3.

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.