Supported HTML tags


HyperMaker supports most of the HTML 3.2 specifications with many additional popular HTML 4 enhancements.
New additions shown in red.


Multimedia and non Standard Tags

Multimedia and non Standard Tags

<BGSOUND>
   SRC=wav, mp3 or midi file
   LOOP=-1 | -2 | n

-1 will replay the sound while the page is loaded.
-2 will replay the sound until another sound is called.
n will replay the sound n times
Otherwise the sound will be played one time.
The sound toolbar will not be shown.

Playing video files: see <PANEL> tag and Playing video files

<A HREF= *.exe|*.bat [Parameter]>...</A>

The program will be executed. Parameter is a file that will be opened.

<A HREF= *.hlp>...</A>

The help file will be opened.

<A HREF= *.mid|*.wav|*.mp3>...</A>

The sound will be played. To control sound playing the Target parameter can be used. More information

<A HREF= *.pop>...</A>

The message included before the .POP extension will be displayed in a pop-up Window. The maximum length is 255 characters. The '%' character isn't supported. The pop-up background color can be set in the Interface tab in the Publication window.
If you want to control the exact with of the pop-up message you can specify it by starting the message with a colon followed for exactly 4 digits and other semicolon. The four digits specify the width in pixels. Example:
<A HREF= ":0300:The message goes here.pop">Click to display pop-up</A>

<A HREF= *.tel>...</A>

The telephone number included before the .TEL extension will be dialed. The last number of the telephone number may be the COMM port. Example

                    543-00082.tel

This will dial the 543-0008 number using COM2.

<PANEL>

Shockwave Flash (.SWF), Acrobat (.PDF) and Video for Windows (.AVI) and MPEG Videos (.MPG) - these documents can be included in a page or in a frameset, using the <PANEL> tag. More information.

<META http-equiv="screen" content="width,height">

The screen property can modify the publication width and height.
      <META http-equiv="screen" content="600,300">

The publication size will be 600 pixels wide and 300 high

      <META http-equiv="screen" content="600,300N">

If and N is added after the height, as in the example above, the interface (menus, buttons, and so on) will be hidden.

Rotative banners (Random images and links)

This is an anchor or an image element pointing to multiple pages or images that are randomly chosen.
<IMG SRC=im1.gif,img2,im3.gif>

or

<A HREF=aa.htm,bb.htm,cc.htm,dd.htm,ee.htm>

In both cases, each time the link is clicked or the image is loaded, one of the files will be randomly chosen and displayed.

<PAGE>

The <PAGE> tag causes printing to end on the current page and a new page started. It has no effect on the displayed document.

 

Document Tags

<HTML>...</HTML>
<HEAD>...</HEAD>
<STYLE>...</STYLE>
<BASE>
   HREF=base
<TITLE>...</TITLE>
<BODY>...</BODY>
   BACKGROUND=bitmap
   TEXT=color
   BGCOLOR=color
   LINK=color
   VLINK=color
   OLINK=color
   MARGINWIDTH=n
   MARGINHEIGHT=n
   BGPROPERTIES=fixed
   TOPMARGIN=n
   LEFTMARGIN=n

Physical Phrase Markup Tags

<B>...</B>
<I>...</I>
<U>...</U>
<TT>...</TT>
<S>...</S>
<FONT>...</FONT>
   SIZE=n  (n=1..7) or SIZE=+-n (incremental change)
   COLOR=color
   FACE=facename
<SUB>...</SUB>
<SUP>...</SUP>
<BIG>...</BIG>
<SMALL>...</SMALL>
<STRIKE>...</STRIKE>
<NOBR>...</NOBR>

Logical Phrase Markup Tags

<EM>...</EM>
<STRONG>...</STRONG>
<CITE>...</CITE>
<VAR>...</VAR>
<CODE>...</CODE>
<KBD>...</KBD>
<SAMP>...</SAMP>

Block Tags

<P>...(</P>)
    ALIGN=left|center|right|justify
<ADDRESS>...</ADDRESS>
<BLOCKQUOTE>...</BLOCKQUOTE>
<PRE>...</PRE>
<CENTER>...</CENTER>
<DIV>...</DIV>
    ALIGN=left|center|right|justify

Lists

<OL>...</OL>
   START=value
   TYPE=1|a|A|i|I
<UL>...</UL>
   PLAIN
   TYPE=plain|none
<DIR>...</DIR>
<MENU>...</MENU>
  <LI>...(</LI>)
    VALUE=n

Description List

<DL>...</DL>
  <DD>...</DD>
  <DT>...</DT>

Tables

<TABLE>...<TABLE>
   BORDER or BORDER=n
   ALIGN=left|center|right
   CELLSPACING=value
   CELLPADDING=value
   WIDTH=n|n%
   BACKGROUND=image
   BGCOLOR=color
   BORDERCOLOR=color
   BORDERCOLORLIGHT=color
   BORDERCOLORDARK=color
   HSPACE=n
   VSPACE=n
   HEIGHT=n|n%
<COLGROUP>...</COLGROUP>
   VALIGN=top|center|bottom
   ALIGN=left|center|right
   WIDTH=n|n%
<COL>
   VALIGN=top|center|bottom
   ALIGN=left|center|right
   WIDTH=n|n%
   SPAN=n
<CAPTION>...</CAPTION>
   ALIGN=top|bottom
<TR>...</TR>
   VALIGN=top|center|bottom
   ALIGN=left|center|right
   BGCOLOR=color
   HEIGHT=n|n%
<TH>...</TH>, <TD>...</TD>
   ROWSPAN=n
   COLSPAN=n
   WIDTH=n|n%
   HEIGHT=n|n%
   VALIGN=top|center|bottom
   ALIGN=left|center|right
   BGCOLOR=color
   NOWRAP
<THEAD><TBODY><TFOOT>   (printing)

<thead>, <tbody>, and <tfoot> are supported when printing with some restrictions. In a table definition, these tags define header, body, and footer sections of the table. If the table is split between pages when printing, the table portion on each page will have its own header and footer section.

For best results, note the following hints and restrictions.

Forms

<FORM>...</FORM>
   METHOD=post|get
   ACTION=url
<INPUT>...</INPUT>
   TYPE=text|password|submit|reset|radio|checkbox|hidden|image|button|file
   NAME=string
   VALUE=string
   SIZE=chars       (text, password)
   MAXLENGTH=chars  (text, password)
   CHECKED          (radio, checkbox)
   ONCLICK=string   (button, radio, checkbox, edit)
   TABINDEX=n
   DISABLE
<SELECT>...</SELECT>
   NAME=string
   MULTIPLE
   SIZE=lines
   OnClick
   <OPTION>...(</OPTION>)
      SELECTED
      VALUE=string
   TABINDEX=n
   DISABLE
<TEXTAREA>...</TEXTAREA>
   NAME=string
   ROWS=n
   COLS=n
   WRAP=off|soft|hard
   OnClick
   TABINDEX=n
   DISABLE
<OPTION>...</OPTION>

Character Level Elements

<BR>
   CLEAR=left|right
<WBR>
<IMG>
   SRC=image
   ALT=string
   ALIGN=top|middle|bottom|left|right
   BORDER=n
   WIDTH=n,n%
   HEIGHT=n,n%
   TRANSP   (non-standard, Lower Left pixel defines transparent color
   IMAGEMAP
   USEMAP=url (local URL only)
   HSPACE=n
   VSPACE=n
   ACTIVE
<OBJECT>...</OBJECT>
   ALT=string
   ALIGN=top|middle|bottom|left|right
   WIDTH=n,n%
   HEIGHT=n,n%
   HSPACE=n
   VSPACE=n
<PARAM>
   NAME=string
   VALUE=string

Anchors

<A>...</A>
   HREF=url
   NAME=string
   TABINDEX=n

Client Side Image Maps

<MAP>...</MAP>
   NAME=string
<AREA>
   SHAPE=RECT|CIRC|CIRCLE|POLY|POLYGON
   COORDS="n1, n2, ...., nn"
   HREF=url
   NOHREF
   TITLE=title

Miscellaneous

<Hn>...</Hn>   n = 1..6
   ALIGN=left|center|right
<HR>
   SIZE=n
   WIDTH=n|n%
   COLOR=color
   ALIGN=left|center|right
   NOSHADE
<BASEFONT>
   SIZE=n  (n=1..7) or SIZE=+-n (incremental change)
<BGSOUND>
   SRC=filename
   LOOP=n
<Span>
   Style

Frame Syntax

<FRAMESET>...</FRAMESET>
   ROWS|COLS=n1, n2, .., nn  (absolute, %, or *)
   BORDER=n    (Main FRAMSET only)
   FRAMEBORDER=n    (Main FRAMSET only)
<FRAME>
   SRC=filename
   NAME=windowname
   SCROLLING=yes|no|auto
   NORESIZE
   MARGINHEIGHT=n
   MARGINWIDTH=n
<NOFRAMES>...</NOFRAMES>

Color Syntax

Color information may consist of a hexidecimal red, green, and blue value such as FF8000 or be one of the following identifiers:

Black, Maroon, Green, Olive, Navy, Purple, Teal, Gray, Silver, Red, Lime, Yellow, Blue, Fuchsia, Aqua, white, Aliceblue, Antiquewhite, Aquamarine, Azure, Beige, Bisque, Blanchedalmond, Blueviolet, Brown, Burlywood, Cadetblue, Chartreuse, Chocolate, Coral, Cornflowerblue, Cornsilk, Crimson, Cyan, Darkblue, Darkcyan, Darkgoldenrod, Darkgray, Darkgreen, Darkkhaki, Darkmagenta, Darkolivegreen, Darkorange, Darkorchid, Darkred, Darksalmon, Darkseagreen, Darkslateblue, Darkslategray, Darkturquoise, Darkviolet, Deeppink, Deepskyblue, Dimgray, Dodgerblue, Firebrick, Floralwhite, Forestgreen, Gainsboro, Ghostwhite, Gold, Goldenrod, Greenyellow, Honeydew, Hotpink, Indianred, Indigo, Ivory, Khaki, Lavender, Lavenderblush, Lawngreen, Lemonchiffon, Lightblue, Lightcoral, Lightcyan, Lightgoldenrodyellow, Lightgreen, Lightgrey, Lightpink, Lightsalmon, Lightseagreen, Lightskyblue, Lightslategray, Lightsteelblue, Lightyellow, Limegreen, Linen, Magenta, Mediumaquamarine, Mediumblue, Mediumorchid, Mediumpurple, Mediumseagreen, Mediumslateblue, Mediumspringgreen, Mediumturquoise, Mediumvioletred, Midnightblue, Mintcream, Mistyrose, Moccasin, Navajowhite, Oldlace, Olivedrab, Orange, Orangered, Orchid, Palegoldenrod, Palegreen, Paleturquoise, Palevioletred, Papayawhip, Peachpuff, Peru, Pink, Plum, Powderblue, Rosybrown, Royalblue, Saddlebrown, Salmon, Sandybrown, Seagreen, Seashell, Sienna, Skyblue, Slateblue, Slategray, Snow, Springgreen, Steelblue, Tan, Thistle, Tomato, Turquoise, Violet, Wheat, Whitesmoke, Yellowgreen, background, activecaption, inactivecaption, menu, window, windowframe, menutext, windowtext, captiontext, activeborder, inactiveborder, appworkSpace, highlight, hightlighttext, buttonface, buttonshadow, graytext, buttontext, inactivecaptiontext, buttonhighlight, threeddarkshadow, threedlightshadow, infotext, infobackground, scrollbar, threedface, threedhighlight, threedshadow.

 

Local CGI

With online web sites, you can write Web applications which process form input and produce result pages which are then sent back to the browser. This is usually done using "Common Gateway Interface" (CGI) calls. Local CGI gives HMViewer the same capability, except that the crafting of Local CGI applications is usually much easier than the online variety!

Just as with regular CGI, a Local CGI call is defined using the <FORM> tag's Method and Action attributes, e.g.

    <form Action="notepad.exe" Method="output.htm">

The above statement tells HMViewer that when the submit button on the form is pressed, it should:

  1. Store the form data in output.htm.
  2. Run the notepad.exe program with "output.htm" as parameter.
  3. If the file created for the HMViewer is modified within 30 seconds, the HMViewer will load the file. This is useful if you need to generate HTML pages, in response to a user's request.

You can also use the HREF tag for a Local CGI call:

    <A HREF="myprog.exe CGI=output.htm ITEM1=ALFA ITEM2=BETA">Submit CGI</A>

This will generate a file with this two lines:

     ITEM1=ALFA
     ITEM2=BETA

Where files are located when using Local CGI

EXE files referenced in Action statements (and also in direct HREF links) are assumed to be:

  1. in the specified path if an absolute path is given
  2. in or relative to the publication location
  3. otherwise assumed to be on the system path

Form data is located in the Windows temporary directory and automatically erased once the CGI call is finished.

Once you know how to call your Local CGI program, you need only write the code to process the form data file. Then if necessary, have the program generate an HTML response page and open it in the HMViewer.

Macro Commands

Using the macro commands of Hyper Maker you can realize usual tasks as shown below.

You can create links using this set of macro commands:

Task

Command

Display About Window  <A HREF="about">Display About Window</A>
Find text <A HREF="find">Find text</A>
Increase Font Size  <A HREF="fontp">Increase Font Size</A>
Decrease Font Size  <A HREF="fontm">Decrease Font Size</A>
Change default Font  <A HREF="fontname">Open the Typeface selection window</A>
Restore original font typeface and size   <A HREF="restorefont">Restore Font specifications</A>
Exit program <A HREF="close">Exit program</A>
Close modal window <A HREF="closemodal">Close modal</A>
This macro is intended to be used into a REFRESH tag to close a Modal window automatically
Extract file (a save dialog box will be opened)  <A HREF="extract=document1.doc">Extract Document1.doc</A>
Minimize program <A HREF="minimize">Minimize program</A>
Back to previously viewed page <A HREF="back">Go Back</A>
Forward to next page <A HREF="forward">Go Forward</A>
Open Publication <A HREF="open">Open Publication</A>
Only opens the Open publication dialog box, to allow the user to select a filename.
Print current page* <A HREF="print">Print page</A>
Open Print Preview window* <A HREF="printpreview">Print page</A>
Print several pages <A HREF="print,_1.htm,_2.htm,_3.htm">Print pages</A>
Print many pages <A HREF="print=pages.txt">Print pages</A>
The text file must list only HTML pages, one in each line.
Register Publication <A HREF="register">Register Publication</A>
This tag is only enabled  in locked publications.
Generate a refund code  <A HREF="refund=refpage.htm">Get a refund code and cancel the registration</A>
Stop Sound Playing <A HREF="stopsound">Stop Sound Playing</A>

* Usually, the buttons that call the macros are located in a toolbar frame of your publication. In this situation, you need to specify which frame you want to print or use to display the search results, by filling in the appropriate Main Frame field, in the Interface page of the Publication Window.