Go to lesson #20: Client Side Image MapsGo to lesson #1: Creating Your First HTML Document

HTML Helper

So you want to create a web page but don't have any idea how to do it? Well, that's what this article is all about. We'll start from the basics and work up to some of the more advanced techniques.

The first thing you will need is an editor of some kind. My suggestion is to use the simplest, easiest editor of all - Notepad (if you are on a Macintosh, use the equivalent text editor). For those who don't know, Notepad is a very simple text editor which is started by clicking the "Start" menu, selecting "Programs", then "Accessories", followed by Notepad (by the way, some good Notepad replacements are NewPad, NoteTab, and NotesPad).

Why use Notepad and not some fancy editor? Simple - you want to learn HTML, not an editor. What the editor tend to do is hide HTML from you so you don't have to deal with it. Some of them, like Dreamweaver and Frontpage 2000, do a very good job and make it almost totally unnecessary to use HTML at all. Others, like Arachnophilia, completely expose HTML for viewing and editing.

Oh yes, before I forget, don't use a word processor like Microsoft Word or Wordperfect. These programs, although excellent at what they do, completely change the formatting of lines and make it much more difficult to write HTML code.

Okay now to begin the first lesson.

Lesson Plan

  1. HTML Tutorial - Lesson #1 Creating Your First HTML Document
  2. HTML Tutorial - Lesson #2 Formatting Text
  3. HTML Tutorial - Lesson #3 Working With Fonts
  4. HTML Tutorial - Lesson #4 Colors
  5. HTML Tutorial - Lesson #5 Addressing
  6. HTML Tutorial - Lesson #6 Working With Images
  7. HTML Tutorial - Lesson #7 Changing Your Background
  8. HTML Tutorial - Lesson #8 Inserting Special Characters
  9. HTML Tutorial - Lesson #9 Linking to Other Documents
  10. HTML Tutorial - Lesson #10 Special Linking Techniques
  11. HTML Tutorial - Lesson #11 More With Images
  12. HTML Tutorial - Lesson #12 Table Basics
  13. HTML Tutorial - Lesson #13 More About Tables
  14. HTML Tutorial - Lesson #14 Creating A Simple Form
  15. HTML Tutorial - Lesson #14a More On Forms
  16. HTML Tutorial - Lesson #15 Lists
  17. HTML Tutorial - Lesson #16 Rulers
  18. HTML Tutorial - Lesson #17 Working With Frames
  19. HTML Tutorial - Lesson #18 Handling Different Screen Resolutions
  20. HTML Tutorial - Lesson #19 Client Side Image Maps

HTML Helper Webring

Adding Your Site To The Ring

Here are the steps to follow to join the "Web's Best Awards webring".

  1. Add your site to the webring.
  2. Receive the HTML fragment in your email
  3. Add the fragment to the web page you specified when you added your site.
  4. Download the two graphic images shown above (you may use your own images if you wish). Please DO NOT link directly to the images on this web site.
  5. Modify the fragment to ensure that the locations of the graphics are correct.
  6. Email the ringmaster to inform him you've added your code. You can just reply to the email received in #2 when ready with a short comment.
  7. The ringmaster will review your site.
  8. If your site meets the criteria of the ring it will be added to the ring.

Maintaining Your Site Information

You can perform the following actions on your site.

The following sections of the site specifically relate to this web ring.

  • Webmaster - Some of the things you should know if you want to become a webmaster.

  • Legal - Articles about some of the legal issues that should concern you if you run a website.

  • HTML - Notes about HTML.

Webrings