HTML-Spezifikationen

Dokument-Tags

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

Formatierungs-Tags

<B>...</B>
<I>...</I>
<U>...</U>
<TT>...</TT>
<S>...</S>
<FONT>...</FONT>
   SIZE=n  (n=1..7) oder SIZE=+-n (schrittweise ändern)
   COLOR=Farbe
   FACE=facename
<SUB>...</SUB>
<SUP>...</SUP>
<BIG>...</BIG>
<SMALL>...</SMALL>
<STRIKE>...</STRIKE>
<NOBR>...</NOBR>

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

Absatz-Tags

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

Listen

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

Beschreibungslisten

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

Tabellen

<TABLE>...</TABLE>
   BORDER or BORDER=n
   ALIGN=left|center|right
   CELLSPACING=value
   CELLPADDING=value
   WIDTH=n|n%
   BACKGROUND=image
   BGCOLOR=Farbe
   BORDERCOLOR=Farbe
   BORDERCOLORLIGHT=Farbe
   BORDERCOLORDARK=Farbe
   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=Farbe
   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=Farbe
   NOWRAP

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=0
   WIDTH=n|n%
   HEIGHT=n|n%
   TRANSP   (kein Standard, linkes unteres Pixel definiert die Transparenzfarbe)
   IMAGEMAP
   USEMAP=url (nur lokale URLs)
   HSPACE=n
   VSPACE=n
   ACTIVE (kein Standard. Verwendet bei animierten GIFs das erste Bild zur Standardanzeige
           und loopt alle weiteren, wenn sich die Maus über dem Bild befindet)

Verweise

<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=Titel

Verschiedenes

<Hn>...</Hn>   n = 1..6
   ALIGN=left|center|right
<HR>
   SIZE=n
   WIDTH=n|n%
   COLOR=Farbe
   ALIGN=left|center|right
   NOSHADE
<BASEFONT>
   SIZE=n  (n=1..7) oder SIZE=+-n (schrittweise ändern)
<BGSOUND>
   SRC=Dateiname
   LOOP=n
<SPAN>
   Style

Framedefinitionen

<FRAMESET>...</FRAMESET>
   ROWS|COLS=n1, n2, .., nn  (absolut, % oder *)
   BORDER=n    (nur für den Hauptframe)
   FRAMEBORDER=n    (nur für den Hauptframe)
<FRAME>
   SRC=Dateiname
   NAME=Fenstername
   SCROLLING=yes|no|auto
   NORESIZE
   MARGINHEIGHT=n
   MARGINWIDTH=n
<NOFRAMES>...</NOFRAMES>

Farbcodes

Farbecodes können in RGB-Trippel angegeben werden (z.B. FF8000) oder einer der folgenden Bezeichner sein:

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

Spezielle Windows-Farbverweise (es werden die auf dem jeweiligen Rechner eingestellten Farben verwendet)

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

Spezielle Befehle

<PAGE>
  Seitenvorschub beim Drucken. Hat keine Auswirkung bei der normalen Dolumentenansicht.
<PANEL>
  NAME = text
  TYPE = text
  SRC = text
  HEIGHT = zahl
  WIDTH = zahl
  ALIGN = top | middle | bottom | left | right
  HSPACE = zahl
Der <PANEL>-Tag ermöglicht die Anzeige von MediaPlayern (max. 20 gleichzeitig) für WAVs und AVIs innerhalb eines Dokuments. Ausserdem wird er in der Vollversion zur Handhabung der Search-Engine verwendet. Beispiele:

MediaPlayer 
  <PANEL NAME="MEDIAPLAYER" TYPE="wav" SRC="sound.wav"  HEIGHT=40 WIDTH=80>
  <PANEL NAME="MEDIAPLAYER" TYPE="avi" SRC="video.avi"  HEIGHT=240 WIDTH=320>


SearchEngine
 Rekursiv
  <PANEL NAME="SearchPanel" ALIGN=MIDDLE HEIGHT=90 WIDTH=220> ;
Die rekursive Suche ermöglicht nun auch die Eingabe von logischen Operatoren (AND, OR, NOT) und ermöglicht somit die Eingabe mehrerer Suchbegriffe und die Auswertung nach den zuvor genannten Operatoren.
Über Index
  <PANEL NAME="SearchPanel" TYPE = "INDEX" ALIGN=MIDDLE HEIGHT=90 WIDTH=220> ;

Bei der Suche über den Index kann man mit '*' angeben, welche Bereiche variabel sein sollen:
Die einzelnen Elemente (Überschrift, Textfeld, Schalter) werden über die Einträge in der INI-Datei konfiguriert (caption_.., text_.., button_..).

Interaktion mit der Oberfläche 
  <PANEL NAME="INTERFACE" TYPE="action" SRC="Bild"  ALIGN=MIDDLE HEIGHT=90 WIDTH=220>
Über diesen Tag können alle Menübefehle und Schalter aus der Toolbar aktiviert werden. Der Tag stellt einen anklickbaren Bereich dar und führt die zugehörige Operation aus.
Ohne Angabe von SRC wird eine URL mit dem zugehörigen Text (bei Menüs die Beschreibung, bei Schaltern der Hinweistext) angezeigt.
Falls SRC einen Verweis auf eine gültige Grafikdatei darstellt, wird nur diese Grafik angezeigt!

Folgene Angaben für <TYPE> sind möglich: