Examples of Hyper Text Markup Language

Introduction

This page is not intended as an example of how to layout or design your pages (in fact we think this page looks particularly awful) but instead shows all the abilities of HTML 2.0 to format text.

As you can see if you are using a HTML 3.0 or Netscape 1.1N compliant browser this page uses a background image and coloured text.

The contents shows how to use internal names to jump to particular areas of the document.

Contents

Headings
Special Characters
Anchors & Links
Images
Tables
Forms
Form Setup
Simple Input
Password InputSelect from a list
Check parameter
Radio button for a single choice
Text area
Submitting the form
Fonts Sizes & Curved Text
Ownership Details

Headings

There are 5 headings defined in HTML, these can be aligned in modern documents

Heading1

Heading2

Heading3

Heading4

Heading5

Special Characters

Here are some special characters which the browser will understand and print. The last two may be undefined if you are not using the Netscape browser.
< > & "   © ®

Anchors & Links

An example of a link to a WWW page.
How would you like to see cranial a magazine on music, vibes and the general consensus.

Images

An image in your document.

Tables

There is also the ability to construct tables for your information within the Netscapisms|Tables section/

This is a table with a border
MaleFemale
Pop0.490.51
Wealth0.90.1

Forms

The construction of forms is a recent addition, the example below will not work as there is no script called wibblefish. We apologise but all our scripts are behind firewalls. This dows show most, if not all, of the aspects of forms contained in HTML 2.0.

Form Setup

This forms uses the post method there is also get which defines how information will be sent to the action program

Simple input

Your Name:

Password Input

Your Password:

Select from a group

Checkbox to choose a number of parameters

  1. Kent
  2. Canterbury
  3. Manchester
  4. Coventry

    Radio buttons to choose only one particular parameter

    wib1 wib2 wib3 wib4

    Text area

    Multiple Line text inputs are treated as text areas, you can specify the number of rows and columns

    Submit or reset the whole form

    5. Fonts Sizes & Curved Text

    One of the extra abilites of HTML Notepad is its ability to automatically produce curved text.
    One of the extra abilites of HTML Notepad is its ability to automatically produce curved text.
    There is also the ability to define Headings and Titles in a more pleasant way.

    Ownership Details

    You can also automatically insert your ownership details of the page including a link to your homepage, an e-mail address and the date.
    This page is maintained by Adam Fraser (adam@cranial.demon.co.uk) using HTML Notepad.
    Last modified on Wed Jul 05.