HTML tutorials

W3Schools online Web Tutorials
HTMLcenter tutorials
HTMLgoodies tutorials

HTML editors

Microsoft Frontpage (pay for program)
Coffeecup HTML editor (pay for program and trial version)
Amaya editor (free editor)
 

Basics:

One of the first things that you should learn about HTML is that it is fairly easy to learn and that some of the better HTML editors take much of the trouble out of learning HTML. The better quality editors have a WYSIWYG or What You See Is What You Get window that shows how your page or paragraph will look when being viewed in a browser. This page has been designed using Microsoft Frontpage.

HTML is a page format that is read by a browser and then compiled by that browser to display the content in a structured format. HTML is made up of "tags" that tell the browser how the information within the tags should look. Most HTML tags have a beginning tag <> and an end tag </>. Some tags such as <br> do not require the end tag.

The following describes what some of the basic tags do.

Tag	Description	Code example	Browser example
<br>	Line break	line 1<br>line 2	line 1 line 2
<b></b>	Makes content within the tags bold	<b>This is bold</>	This is bold
<font></font>	Formats the properties of the font within the tags such as font size, color, or face	<font face="Arial" size="3" color="#CC0000">Formatted font</font>	Formatted font
<img>	Inserts an image into your page. (You must know where the image is hosted to place an image on your page.)	<img src="http://www.teleportjobs.com/images/tpj_logo_search.png" width="91" height="51">
<a></a>	Creates a link to another page or file	<a href="http://www.teleportjobs.com">TeleportJobs</a>	TeleportJobs
<u></u>	Underlines the content within the tags	<u>This is underlined</u>	This is underlined

You can use HTML tags together to combine effects. For example if you wanted to underline a sentence and make it bold at the same time you would format it like this:

<u><b>This sentence is bold and underlined</b></u>

Your result looks like this:

This sentence is bold and underlined

Notice that the tags must be "nested" within each other <u><b>...</b></u> and NOT <u><b></u></b>. Otherwise some browsers may give you funny results.

You can also add a link to an image like this:

<a href="http://www.teleportjobs.com"><img src="http://www.teleportjobs.com/images/tpj_logo_search.png" width="91" height="51"></a>

and the result is this:

Again, this is just an introduction to HTML. Just enough to make you dangerous. The resources listed above are great places to learn more.