HTML

Tags

<x y1=z y2 y3=...>

The following tags do not have an end tag:

area, base, basefont, br, col, frame, hr, img, input, isindex (depreciated in v4), link, meta, param

End tags for the following are optional:

p

 

HTML Document

The minimum html document consists of the following tags*:

<html> Says "The following is a html document". Can include a DIRection indicator (RTL or LTR) and a language
<head> Can contain all the <meta> tags.
Can contain Cascading Style Sheet (CSS) <style> tags
<body> Loadsa stuff. Can be replaced with <frameset> tags to support frames
<title> The document's title

* Most browsers are happy to display a file that is missing the "required" tags.

<body>

    Note: Pretty much all of these have been depreciated in v4.

Common Text Formatting Tags

<em> Emphasis
<strong> Emphasis+
<code> Normally, non-proportional font suitable for displaying code snippets
<tt> Teletext (again, non-proportional font)
<H1> - <H6> Headings (H1 = largest, H6 = smallest)
<b> Bold
<i> Italics
<u> Underline
<strike> Strikethrough
<big> Slightly bigger text
<small> Slightly smaller text
<sup> Superscript
<sub> Subscript

Escape Sequences

< > & &#nnn;        
&lt; &gt; &amp; Chr(nnn)        

Breaking Text Up

Hyperlinks

Images

Lists

    List examples:

<ol><li>Item 1</li><li>Item 2</li></ol>

<dl>
<dt>Term1</dt>
<dd>Explaination of Term1</dd>
<dt>Term2</dt>
<dd>Explaination of Term2</dd>
<dt>Term3</dt>
<dd>Explaination of Ter31</dd>
</dl>
 

<Input>

<button>

<Select>

Presents the user with a combo-box or list-box style GUI element. Which is displayed is controlled by the size element.

Forms

Tables

Within the <table> tag the following attributes are common (most of these are also available to the <td> and <th> tags):

Within the <table> tag the following tags are common:

Example:

<table border=1>
    <tr>
        <th>Column 1</th>
        <th>Column 2</th>
        <th>A 3rd Column<br>2nd line of 3rd Column!</th>
    </tr>
    <tr align = right>
        <td>123</td>
        <td>456</td>
        <td>789</td>
    </tr>

should produce something like:   

Column 1 Column 2 Column 3
2nd line or 3rd Column!
123 456 789

(the bold and centring of the header cells are due to the <th> tag. <th> tags can appear anywhere in the table. A table does not have to contain <th> tags) 

The <td> and <th> tags also support the following additional attributes:

Meta-data

Cascading Style Sheets

Frames

The <frameset> tag indicates the page is to use frames and basically replaces the <body> tag. Such a page can't include much beyond the frame details. The <frameset> tag indicates the number of row or columns in the frameset using the rows or cols attributes, which take a quotes string of comma-delimited values to represent the size of each frame. For example <frameset rows="20%,40%,40%">. An asterix can be used to represent "remaining space", for example <frameset rows="150,*,150">. You can use the astrix multiple times if required (e.g. rows="*,200,*")

<frameset> can be nested. The noresize attribute can be used to prevent a frameset being resized (not recommended). Framesets automatically add scrollbars if the contained page is bigger than the frame. Scrollbars can be forced to always show by setting the scolling attribute to "yes".

Within the <frameset> tag each frame is represented by the <frame> tag. Frames are placed in the frameset in the order they are declared, from left to right and top to bottom. The main attributes of the <frame> tag are src (which is a URL to the file that will be displayed in that frame) and name (which can be used with the anchor tag's target attribute to open a new page in a specific frame).

Sample:

    <html>
        <frameset cols="50%,50%">
            <frameset rows = "50%,50%>
                <frame src="topLeft.htm">
                <frame src="botLeft.htm">
            </frameset>
            <frameset rows = "33%,33%,*>
                <frame src="topRight.htm">
                <frame src="midRight.htm">
                <frame src="botRight.htm">
            </frameset>
        </frameset>
    </html>

 

Javascript

The <script tag>

&{javascript};

 

Misc