Ken Ward's HTML Tutorial ...

Welcome to the HTML tutorial. This is hopefully a rather easy tutorial in HTML for the beginner, although there is information that the more experienced might find useful. It is a very good idea to at least have a general understanding of HTML even if you never plan to build a website. With a little bit of HTML knowledge, you can make anything from motorcycle classifieds to garage sale postings stand out on places like CraigsList by using HTML to make words bold or underlined, increase the font size, include pictures or links or even change the background color!

Click on the Introduction and get started or pick a topic and work from there. Please remember that I have only put important things in this tutorial, and I have tried to include the most important things. I hope that you have fun, and that you learn something! To learn about Java Script click here. To learn about cascading style sheets, click here. If you are interested in the recommended books and software, click here .

Download a zip of all of Ken's Tutorials (HTML, JavaScript and StyleSheets) for reading on your computer offline - KenTuts.exe [2.2 MB]

This tutorial:

• Contains information on search engine positioning
• Points not found elsewhere, or not easily available

1. Introduction
   1. Tags
   2. Basic Page
2. Headings
   1. The basic page
   2. The basic page with headings
   3. The six headings
3. Making comments in HTMl
4. Bold Text
5. Using Page Colour
   1. An example of using background colour
   2. An example page using text colour
6. Using Background Images
7. Putting in horizontal rules
   • Using URLs
8. Jumping to a new page
   •   Includes link titles     
9. Jumping within a page.
10. Images
    1. Inserting Images
    2. Getting the images aligned
    3. Jumping to a new page from an image.
    4. Image Areas
11. Listing things using
    1. bullets,
    2. numbers,
    3. definitions,
    4. menus and
    5. directories.
12. Controlling the fonts.
    • Special Characters
13. Inserting Tables
    1. More on Tables!
       1. Colours
       2. Alignment
       3. Backgrounds
       4. Nested Tables
14. 1. Example Table with Code.
    2. Row and Column Spans Example
    3. Aligning the contents of cells.
    4. Cell Padding
15. Frames Simple - Rows and Columns
    1. The frames tag
    2. Dividing Rows in Columns, etc
16. The frame page
    1. Introducing frames
    2. Frames — the code
    3. Putting in the rows and columns.
    4. Dividing the page into columns.
    5. Example page dividing a page into two rows
    6. Example page dividing a page into two columns
    7. Jumping in frames.
       • The base target tag!
17. The noframes tag!
    • What a frame incapable browser will see.
18. Iframes
    1. Iframes
    2. Iframes: Opening menu items in an iframe (JavaScript)
    3. Iframes: Opening a page from one iframe in another.
19. Forms
    1. Buttons in Forms
       • Posting Forms
    2. Menus in Forms
20. Meta tags.
    • Meta refresh example page.
21. Doing it with style!
    1. How to achieve a meaningful style (Language)
    2. Search Engine Problems with Images and Tables
       1. What the search engine sees!
22. Making your site navigable
23. Language of HTML
24. Summary of XHTML

Most Recent Revision: 18-May-2006.
Copyright © 1998-2006