Intro HTML Fonts HTML Backgrounds HTML Lists HTML Layout HTML Tables Graphics FTP

HyperText Markup Language

  • Based on SGML (Standard Generalized Markup Language)
  • Used to describe the general structure of documents
  • Not a page description language like PostScript
  • Describes the structure of the document
  • Documents have common elements:
  • Paragraphs
  • Lists
  • Must work within the structure of HTML
  • Documents are small in size and transported over the Net quickly
  • Device-independent
  • Simple to learn

The Basic HTML document source code looks like:

<HTML>The entire web document </HTML>
Begins and ends all HTML documents
<HEAD>Title and Scripts </HEAD>
The Only elements between the HEAD tags are the TITLE and any SCRIPTS (Such as a JAVASCRIPT)
<TITLE>Your document's title </TITLE>
This is the TITLE of your document. It is NOT shown anywhere but in title bar
<BODY>Everything that will be on your web page! </BODY>
Within the BODY tag are the attributes of background and 'forced text and link colors
<P>The P tag denotes a paragraph. HTML puts two line breaks so there is an empty line separating paragraphs.</P>
<BR>HTML does not break lines (except for line wrap). The BR tag denotes a line break.
<HR>

Puts a horizontal rule

<A HREF="http://www.mystery-productions.info"> Mystery Productions </A>Denotes a link to another HTML document
You can also use the <A> (anchor tag) to incorporate your email address into a 'clickable' that will allow the web surfer to send you email, if his browser is properly configured.
<A HREF="mailto:mlprice@mystery-productions.com">mlprice@mystery-productions.com</A>
<IMG SRC="NAME.GIF"> Places an image

Illustration of a Gif


All HTML tags must be closed with the exception of:

  • <BR>
  • <HR>
  • <IMG SRC="NAME.GIF">
Example of the Source code for an entire Basic HTML Document
<HTML>
<HEAD>
<TITLE>
My first HTML assignment</TITLE>
</HEAD>
<BODY>
This is an HTML Document. It's not as hard to do this as I thought that it was going to be. I think the hardest thing about doing all of this is going to be trying to decide what it is that I want to say! But right now I want to link to another
<a href="http://www.mystery-productions.com/">
web page. </a>
<P>
And to include my
<a href="mailto:mlprice@mystery-productions.com"> email address</a>
<P>
And also to show this neat gif that I found!
<BR>
<img src="blue_one.gif">
<P>
<HR>
</BODY>
</HTML>

NOTE: Save this file as:

index.html


This would appear in an HTML document as:

This is an HTML Document. It's not as hard to do this as I thought that it was going to be. I think the hardest thing about doing all of this is going to be trying to decide what it is that I want to say! But right now I want to link to another web page.

And to include my email address

And also to show this neat gif that I found!
Blue One Gif


NOTE: Your first page of your Homepage MUST be saved as index.html

Any other page would be saved with any name that you choose. An example would be if I wished to have a link on my Homepage to my resume. On my Homepage I would make a link using:

<a href="resume.html">My Resume</a>

In this case I've created a separate file called resume.html and I am refering to it with the hypertext link.


It is easy to find a site with publically available icons. One of the best places to start is the page design and layout/graphics section at Yahoo! Or, if you know what you are looking for you can go to Filez. Use the pull down menu to select 'Graphics' and then type in the name of the graphic for which you are searching When you find a graphic or icon that you like you can save it to your disk by placing the cursor over the graphic and, if you are using a two button mouse pressing the right mouse button. A menu will pop up. If you are using a one button mouse, just hold the mouse button down and the same menu will appear. Example:

Illustration of Image Dowload

Web Building tutorials: Intro | Fonts | Backgrounds | Lists | Layout | Tables | Graphics | FTP

© 2005 Interactive Mystery Productions Ltd.
A Company Limited by Guarantee
Registered in England & Wales No. 4792272
All Rights Reserved