hand writing HTML in a book

 

HTML Beginner's Kit

Your guide to creating web pages and web sites using HTML. Learn how to format headings, text, images, tables and other HTML features to meet your needs.

Information symbol.
Some of the pages in the "HTML Beginner's Kit" use Javascript. Your browser may attempt to block the display of Javascript. Enabling Javascript for the "HTML Beginner's Kit" is safe and will enhance the usability of the "HTML Beginner's Kit". However, you can proceed without enabling Javascript.

 

Site Menu

Home Page
Basic HTML Structure
Formatting Text
Inserting Images
Creating Tables
"Meta-tags & More"
Document Types
Cascading Style Sheets
Additional Resources

 

 

Home Page - Introduction

There are several good reasons for writing your web pages in HTML, which include;

  • using HTML does not require expensive software to create a web page. The "Notepad" program is a standard component of all Microsoft Windows installations and is capable of producing pages from the most basic to the most highly sophisticated.

  • the HTML for a presentable web page is SIMPLE!

  • Using HTML creates "clean" pages, loved by search engines and accessible for readers with visual and auditory disabilities. Many software packages (even the expensive ones) leave a trail of unnecessary "code clutter" in their wake.

  • Viewing a functional web page, created from "scratch", is enormously satisfying!

Basic Concepts

There are two basic concepts to grasp when using HTML. These are;

  • HTML code is contained within "tags" (like this: <code>).

    Most (but not all) tags are written as matching pairs, or "start" and "end" tags, like so: <code> and </code>, with content in between. This tells the web browser (e.g. Internet Explorer) where a particular effect begins and ends.

  • Content can be formatted with HTML tags in a variety of ways (e.g. color, size, bold, italics underline, alignment etc).

So far, so good? Hang in there, this will be easier than you think!

How to use this "Beginner's Kit"

The information in this kit has been sequenced in such a way that new skills and knowledge are built on the learning already completed.

There are numerous examples and exercises so that you have the opportunity to practice what you are learning.

Use the site menu at the left (or the "Next" link at the bottom of each page) and work your way progressively through the topics. By the time you have mastered the "Basic HTML Structure" section, you will be capable of producing a simple web page that displays correctly in any web browser.

A Word Of Warning!!!

When undertaking the exercises, DO NOT "cut and paste" text from these screens. Type the text into Notepad directly.

The reason that "cut and paste" should be avoided is that you may be unwittingly cutting and pasting hidden code that will prevent your efforts from displaying correctly in a browser.

 

Next>>

© Progress Enterprise 2006