Basic Tutorial on Creating a Web Page

A web page is simply a text file with a name ending in .htm

It can be created using a text editor such as Notepad (Start | Programs | Accessories ) or Word.

Be aware that if you use Notepad, you may have to rename the file, as Notepad adds .txt to the end of the filename, which will prevent it working as a web page.

If using word, you can either write the page as plain text or as a document. If you create them as text, you should enter the content and the HTML code manually and save the file as type text. If creating it as a document, write the page as normal and save it as a type web page.

The appearance (and meaning) of the text is controlled using tags. These are predefined codes contained in angle brackets. For example <P> is a tag for defining the start of a paragraph of text.

The tag codes are not case-sensitive, so you can use upper- or lower-case (or a mixture for them). It helps to use all uppercase as this makes them stand out and easier to read amongst the body text.

Most tags appear as pairs. One indicates the start of an section of text, the other marks the end. The closing (end) tag is exactly the same as its opening tag, except that it is preceded by a forward-slash character (/). Thus, <H1> marks the start of a top-level heading, and </H1> marks the end. Everything between is displayed as large text to indicate a main heading.

The web page, as a minimum needs the following tags in this order:
<HTML> start of the web page
<HEAD> start of header information about the document
</HEAD> end of header information
<BODY> start of the page’s main body
</BODY> end of the main body
</HTML> end of the web page
This will create a completely empty page.

First, enter a title for the document. This appears in the title-bar of the web browser’s window, and is used as the name in the bookmark. The title should appear in the header section of the file, and should be identified using the <TITLE></TITLE> tags.

The main text of your page is entered between the body section. Paragraphs of text should be surrounded with <P></P> tags.

Headings are created by using <H1></H1>, <H2>, or <H3> tags. H1 is the main heading, H2 is a subheading, H3 is a sub-sub-heading.

Bulleted lists can be created thus:
<UL> Start of list
<LI> Start of a single list item
</LI> End of a single list item
</UL> End of list
To create a numbered list, replace UL (Unordered list) with OL (Ordered List). The <LI> tags are the same.

To create a link to another document, use the <A> (Anchor) tag. This tag requires two main pieces of information. First, it requires the name of the document to link to, and second the text to display as the link.
<A HREF=”handout1.htm”> Enter the filename between the inverted commas (which must be included as in the example).
Click here Enter the text to display as the link here
</A> End of the link.

A template containing most of the common tags is available here. Use it as a basis from which to create your own web pages.


Home About Me
Copyright © Neil Carter

Content last updated: 2003-10-09