@database barbones.hyper

@node MAIN

 HTML QUICK REFERENCE

 @{" General    " link general      } @{" Links      " link links        } @{" Dividers   " link dividers     } @{"Tables    " link tables       }
 @{" Structural " link structural   } @{" Images     " link images       } @{" Characters " link isochar      } @{"Forms     " link forms        }
 @{" Style      " link presentation } @{" Lists      " link lists        } @{" Colors     " link colors       } @{"Frames    " link frames       }

 COPYRIGHT

 Quick Reference  Kevin Werbach, AmigaGuide version  Dietmar Eilert

 Dietmar Eilert
 Mies-v-d-Rohe-Str.31, 52074 Aachen, Germany
 Phone: +49-(0)179-5987061 German/English
 E-Mail: Dietmar.Eilert@post.rwth-aachen.de
 E-Mail: dietmar_eilert@yahoo.de (alternative address)
 WWW:    http://members.tripod.com/golded
 Mirror: http://members.xoom.com/golded

 The @{"reference section" link quickref} is based on THE BARE BONES GUIDE by  Kevin  Werbach.
 The  BARE  BONES  GUIDE is always available at <http://werbach.com/>. This
 documentation includes a shorter reformatted version.

@endnode
@node quickref

 HTML QUICK REFERENCE

 @{" General    " link general      } @{" Links      " link links        } @{" Dividers   " link dividers     } @{"Tables    " link tables       }
 @{" Structural " link structural   } @{" Images     " link images       } @{" Characters " link isochar      } @{"Forms     " link forms        }
 @{" Style      " link presentation } @{" Lists      " link lists        } @{" Colors     " link colors       } @{"Frames    " link frames       }

 INFORMATION

  The Bare Bones Guide to HTML lists all the tags that current versions  of
  most  browsers  are  likely to recognize. I have included all the tags in
  the HTML 3.2 specification, as well as Netscape  extensions  included  in
  versions  of  Netscape Navigator up to 3.0b5.

  The Guide is designed to be as concise  as  possible,  and  therefore  it
  doesn't  go  into any detail about how to use the various tags. There are
  numerous step-by-step HTML guides on the Web; I have  links  to  many  of
  them at <http://werbach.com/web/wwwhelp.html>.

  Comments and suggestions are always welcome; you can reach me  via  Email
  at <barebones@werbach.com>.

 FORMATTING OF THIS DOCUMENT

  This document looks best displayed in a monospaced font. For  clarity,  I
  have  separated  out different attributes that can be applied to the same
  tag onto separate lines. Generally, multiple attributes can  be  combined
  in  the  same  tag.  Tags  are  listed in upper case for ease of reading,
  although most tags are not case sensitive.

 SYMBOLS USED

  URL     URL of external file or just file name if in the same directory
  ?       Arbitrary number. <H?> means <H1>, <H2>, <H3>, etc.
  %       Arbitrary percentage. <HR WIDTH="%"> means <HR WIDTH="50%">
  ***     Arbitrary text. ALT="***" means fill in with text
  $$$$$$  Arbitrary hex. BGCOLOR="#$$$$$$" means BGCOLOR="#00FF1C", etc.
  ,,,     Comma-delimited. COORDS=",,," means COORDS="0,0,50,50", etc.
  |       Alternatives. ALIGN=LEFT|RIGHT|CENTER means pick one of these

@endnode
@node general

 HTML QUICK REFERENCE

 @{" General    " link general      } @{" Links      " link links        } @{" Dividers   " link dividers     } @{"Tables    " link tables       }
 @{" Structural " link structural   } @{" Images     " link images       } @{" Characters " link isochar      } @{"Forms     " link forms        }
 @{" Style      " link presentation } @{" Lists      " link lists        } @{" Colors     " link colors       } @{"Frames    " link frames       }

 GENERAL (all HTML documents should have these)

 @{u}Description         Syntax                                                 @{uu}

 @{b}Document Type     @{ub}  <HTML></HTML>
 @{b}Title             @{ub}  <TITLE></TITLE>
 @{b}Header            @{ub}  <HEAD></HEAD>
 @{b}Body              @{ub}  <BODY></BODY>

@endnode
@node structural

 HTML QUICK REFERENCE

 @{" General    " link general      } @{" Links      " link links        } @{" Dividers   " link dividers     } @{"Tables    " link tables       }
 @{" Structural " link structural   } @{" Images     " link images       } @{" Characters " link isochar      } @{"Forms     " link forms        }
 @{" Style      " link presentation } @{" Lists      " link lists        } @{" Colors     " link colors       } @{"Frames    " link frames       }

 STRUCTURAL DEFINITION (appearance controlled by the browser's preferences)

 @{u}Description         Syntax                                                 @{uu}

 @{b}Heading           @{ub}  <H?></H?>
   Align Heading     <H? ALIGN=LEFT|CENTER|RIGHT></H?>
 @{b}Division          @{ub}  <DIV></DIV>
   Align Division    <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>
 @{b}Block Quote       @{ub}  <BLOCKQUOTE></BLOCKQUOTE>
 @{b}Emphasis          @{ub}  <EM></EM>
 @{b}Strong Emphasis   @{ub}  <STRONG></STRONG>
 @{b}Citation          @{ub}  <CITE></CITE>
 @{b}Code              @{ub}  <CODE></CODE>
 @{b}Sample Output     @{ub}  <SAMP></SAMP>
 @{b}Keyboard Input    @{ub}  <KBD></KBD>
 @{b}Variable          @{ub}  <VAR></VAR>
 @{b}Definition        @{ub}  <DFN></DFN>
 @{b}Author's Address  @{ub}  <ADDRESS></ADDRESS>
 @{b}Large Font Size   @{ub}  <BIG></BIG>
 @{b}Small Font Size   @{ub}  <SMALL></SMALL>

@endnode
@node presentation

 HTML QUICK REFERENCE

 @{" General    " link general      } @{" Links      " link links        } @{" Dividers   " link dividers     } @{"Tables    " link tables       }
 @{" Structural " link structural   } @{" Images     " link images       } @{" Characters " link isochar      } @{"Forms     " link forms        }
 @{" Style      " link presentation } @{" Lists      " link lists        } @{" Colors     " link colors       } @{"Frames    " link frames       }

 PRESENTATION FORMATTING (author specifies text appearance)

 @{u}Description         Syntax                                                 @{uu}

 @{b}Bold              @{ub}  <B></B>
 @{b}Italic            @{ub}  <I></I>
 @{b}Underline         @{ub}  <U></U>
 @{b}Strikeout         @{ub}  <STRIKE></STRIKE>
 @{b}Strikeout         @{ub}  <S></S>
 @{b}Subscript         @{ub}  <SUB></SUB>
 @{b}Superscript       @{ub}  <SUP></SUP>
 @{b}Typewriter        @{ub}  <TT></TT>
 @{b}Preformatted      @{ub}  <PRE></PRE>
   Width             <PRE WIDTH=?></PRE>
 @{b}Center            @{ub}  <CENTER></CENTER>
 @{b}Blinking          @{ub}  <BLINK></BLINK>
 @{b}Font Size         @{ub}  <FONT SIZE=?></FONT>
 @{b}Change Font Size  @{ub}  <FONT SIZE="+|-?"></FONT>
 @{b}Base Font Size    @{ub}  <BASEFONT SIZE=?>
 @{b}Font Color        @{ub}  <FONT COLOR="#$$$$$$"></FONT>
 @{b}Select Font       @{ub}  <FONT FACE="***"></FONT>
 @{b}Multi-Column      @{ub}  <MULTICOL COLS=?></MULTICOL>
   Column Gutter     <MULTICOL GUTTER=?></MULTICOL>
   Column Width      <MULTICOL WIDTH=?></MULTICOL>
 @{b}Spacer            @{ub}  <SPACER>
   Spacer Type       <SPACER TYPE=horizontal|vertical|block>
   Size              <SPACER SIZE=?>
   Dimensions        <SPACER WIDTH=? HEIGHT=?>
   Alignment         <SPACER ALIGN=left|right|center>

@endnode
@node links

 HTML QUICK REFERENCE

 @{" General    " link general      } @{" Links      " link links        } @{" Dividers   " link dividers     } @{"Tables    " link tables       }
 @{" Structural " link structural   } @{" Images     " link images       } @{" Characters " link isochar      } @{"Forms     " link forms        }
 @{" Style      " link presentation } @{" Lists      " link lists        } @{" Colors     " link colors       } @{"Frames    " link frames       }

 LINKS

 @{u}Description         Syntax                                                 @{uu}

 @{b}Link Something    @{ub}  <A HREF="URL"></A>
   Link to Target    <A HREF="URL#***"></A>
   Link to Target    <A HREF="#***"></A>
   Target Window     <A HREF="URL" TARGET="***"></A>
 @{b}Define Target     @{ub}  <A NAME="***"></A>

@endnode
@node images

 HTML QUICK REFERENCE

 @{" General    " link general      } @{" Links      " link links        } @{" Dividers   " link dividers     } @{"Tables    " link tables       }
 @{" Structural " link structural   } @{" Images     " link images       } @{" Characters " link isochar      } @{"Forms     " link forms        }
 @{" Style      " link presentation } @{" Lists      " link lists        } @{" Colors     " link colors       } @{"Frames    " link frames       }

 IMAGES

 @{u}Description         Syntax                                                 @{uu}

 @{b}Display Image     @{ub}  <IMG SRC="URL">
   Alignment         <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT>
   Alignment         <IMG SRC="URL" ALIGN=TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM>
   Alternate         <IMG SRC="URL" ALT="***">
   Dimensions        <IMG SRC="URL" WIDTH=? HEIGHT=?>
   Border            <IMG SRC="URL" BORDER=?>
   Runaround Space   <IMG SRC="URL" HSPACE=? VSPACE=?>
   Low-Res Proxy     <IMG SRC="URL" LOWSRC="URL">
   Imagemap          <IMG SRC="URL" ISMAP>
   Imagemap          <IMG SRC="URL" USEMAP="URL">
 @{b}Map               @{ub}  <MAP NAME="***"></MAP>
 @{b}Section           @{ub}  <AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF>
 @{b}Client Pull       @{ub}  <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">
 @{b}Embed Object      @{ub}  <EMBED SRC="URL">
   @{b}Object Size     @{ub}  <EMBED SRC="URL" WIDTH=? HEIGHT=?>

@endnode
@node dividers

 HTML QUICK REFERENCE

 @{" General    " link general      } @{" Links      " link links        } @{" Dividers   " link dividers     } @{"Tables    " link tables       }
 @{" Structural " link structural   } @{" Images     " link images       } @{" Characters " link isochar      } @{"Forms     " link forms        }
 @{" Style      " link presentation } @{" Lists      " link lists        } @{" Colors     " link colors       } @{"Frames    " link frames       }

 DIVIDERS

 @{u}Description         Syntax                                                 @{uu}

 @{b}Paragraph         @{ub}  <P></P>
   Align Text        <P ALIGN=LEFT|CENTER|RIGHT></P>
 @{b}Line Break        @{ub}  <BR>
   Clear Textwrap    <BR CLEAR=LEFT|RIGHT|ALL>
 @{b}Horizontal Rule   @{ub}  <HR>
   Alignment         <HR ALIGN=LEFT|RIGHT|CENTER>
   Thickness         <HR SIZE=?>
   Width             <HR WIDTH=?>
   Width Percent     <HR WIDTH="%">
   Solid Line        <HR NOSHADE>
 @{b}No Break          @{ub}  <NOBR></NOBR>
 @{b}Word Break        @{ub}  <WBR>

@endnode
@node lists

 HTML QUICK REFERENCE

 @{" General    " link general      } @{" Links      " link links        } @{" Dividers   " link dividers     } @{"Tables    " link tables       }
 @{" Structural " link structural   } @{" Images     " link images       } @{" Characters " link isochar      } @{"Forms     " link forms        }
 @{" Style      " link presentation } @{" Lists      " link lists        } @{" Colors     " link colors       } @{"Frames    " link frames       }

 LISTS (lists can be nested)

 @{u}Description         Syntax                                                 @{uu}

 @{b}Unordered List    @{ub}  <UL><LI></UL>
   Compact           <UL COMPACT></UL>
   Bullet Type       <UL TYPE=DISC|CIRCLE|SQUARE>
                     <LI TYPE=DISC|CIRCLE|SQUARE>
 @{b}Ordered List      @{ub}  <OL><LI></OL>
   Compact           <OL COMPACT></OL>
   Numbering Type    <OL TYPE=A|a|I|i|1>
                     <LI TYPE=A|a|I|i|1>
   Starting Number   <OL START=?>
                     <LI VALUE=?>
 @{b}Definition List   @{ub}  <DL><DT><DD></DL>
   Compact           <DL COMPACT></DL>
 @{b}Menu List         @{ub}  <MENU><LI></MENU>
   Compact           <MENU COMPACT></MENU>
 @{b}Directory List    @{ub}  <DIR><LI></DIR>
   Compact           <DIR COMPACT></DIR>

@endnode
@node colors

 HTML QUICK REFERENCE

 @{" General    " link general      } @{" Links      " link links        } @{" Dividers   " link dividers     } @{"Tables    " link tables       }
 @{" Structural " link structural   } @{" Images     " link images       } @{" Characters " link isochar      } @{"Forms     " link forms        }
 @{" Style      " link presentation } @{" Lists      " link lists        } @{" Colors     " link colors       } @{"Frames    " link frames       }

 BACKGROUNDS AND COLORS

 @{u}Description         Syntax                                                 @{uu}

 @{b}Tiled Background  @{ub}  <BODY BACKGROUND="URL">
 @{b}Background Color  @{ub}  <BODY BGCOLOR="#$$$$$$">
   Text Color        <BODY TEXT="#$$$$$$">
   Link Color        <BODY LINK="#$$$$$$">
   Visited Link      <BODY VLINK="#$$$$$$">
   Active Link       <BODY ALINK="#$$$$$$">

 More info at <http://werbach.com/web/wwwhelp.html#color>

@endnode
@node isochar

 HTML QUICK REFERENCE

 @{" General    " link general      } @{" Links      " link links        } @{" Dividers   " link dividers     } @{"Tables    " link tables       }
 @{" Structural " link structural   } @{" Images     " link images       } @{" Characters " link isochar      } @{"Forms     " link forms        }
 @{" Style      " link presentation } @{" Lists      " link lists        } @{" Colors     " link colors       } @{"Frames    " link frames       }

 SPECIAL CHARACTERS (must all be in lower case); see @{"ISO8859" link iso8859}

 @{u}Description         Syntax                                                 @{uu}

 @{b}Special Character @{ub}  &#?;
 @{b}<                 @{ub}  &lt;
 @{b}>                 @{ub}  &gt;
 @{b}&                 @{ub}  &amp;
 @{b}"                 @{ub}  &quot;
 @{b}Registered TM     @{ub}  &#174;
 @{b}Registered TM     @{ub}  &reg;
 @{b}Copyright         @{ub}  &#169;
 @{b}Copyright         @{ub}  &copy;
 @{b}Non-Breaking Spc  @{ub}  &nbsp

 Complete list at <http://www.uni-passau.de/%7Eramsch/iso8859-1.html>

@endnode
@node forms

 HTML QUICK REFERENCE

 @{" General    " link general      } @{" Links      " link links        } @{" Dividers   " link dividers     } @{"Tables    " link tables       }
 @{" Structural " link structural   } @{" Images     " link images       } @{" Characters " link isochar      } @{"Forms     " link forms        }
 @{" Style      " link presentation } @{" Lists      " link lists        } @{" Colors     " link colors       } @{"Frames    " link frames       }

 FORMS (generally require a script on your server)

 @{u}Description         Syntax                                                 @{uu}

 @{b}Define Form       @{ub}  <FORM ACTION="URL" METHOD=GET|POST></FORM>
   File Upload       <FORM ENCTYPE="multipart/form-data></FORM>
 @{b}Input Field       @{ub}  <INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|
                                   HIDDEN|SUBMIT|RESET">
   Field Name        <INPUT NAME="***">
   Field Value       <INPUT VALUE="***">
   Checked?          <INPUT CHECKED>
   Field Size        <INPUT SIZE=?>
   Max Length        <INPUT MAXLENGTH=?>
 @{b}Selection List    @{ub}  <SELECT></SELECT>
   Name of List      <SELECT NAME="***"></SELECT>
   # of Options      <SELECT SIZE=?></SELECT>
   Multiple Choice   <SELECT MULTIPLE>
 @{b}Option            @{ub}  <OPTION>
   Default Option    <OPTION SELECTED>
 @{b}Input Box Size    @{ub}  <TEXTAREA ROWS=? COLS=?></TEXTAREA>
   Name of Box       <TEXTAREA NAME="***"></TEXTAREA>
   Wrap Text         <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>

@endnode
@node tables

 HTML QUICK REFERENCE

 @{" General    " link general      } @{" Links      " link links        } @{" Dividers   " link dividers     } @{"Tables    " link tables       }
 @{" Structural " link structural   } @{" Images     " link images       } @{" Characters " link isochar      } @{"Forms     " link forms        }
 @{" Style      " link presentation } @{" Lists      " link lists        } @{" Colors     " link colors       } @{"Frames    " link frames       }

 TABLES

 @{u}Description         Syntax                                                 @{uu}

 @{b}Define Table      @{ub}  <TABLE></TABLE>
   Table Border      <TABLE BORDER></TABLE>
   Table Border      <TABLE BORDER=?></TABLE>
   Cell Spacing      <TABLE CELLSPACING=?>
   Cell Padding      <TABLE CELLPADDING=?>
   Desired Width     <TABLE WIDTH=?>
   Width Percent     <TABLE WIDTH=%>
 @{b}Table Row         @{ub}  <TR></TR>
   Alignment         <TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
 @{b}Table Cell        @{ub}  <TD></TD>          (must appear within table rows)
   Alignment         <TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
   No linebreaks     <TD NOWRAP>
   Columns to Span   <TD COLSPAN=?>
   Rows to Span      <TD ROWSPAN=?>
   Desired Width     <TD WIDTH=?>
   Width Percent     <TD WIDTH="%">
   Cell Color        <TD BGCOLOR="#$$$$$$">
 @{b}Table Header      @{ub}  <TH></TH>
   Alignment         <TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
   No Linebreaks     <TH NOWRAP>
   Columns to Span   <TH COLSPAN=?>
   Rows to Span      <TH ROWSPAN=?>
   Desired Width     <TH WIDTH=?>
   Width Percent     <TH WIDTH="%">
   Cell Color        <TH BGCOLOR="#$$$$$$">
 @{b}Table Caption     @{ub}  <CAPTION></CAPTION>
   Alignment         <CAPTION ALIGN=TOP|BOTTOM>

@endnode
@node frames

 HTML QUICK REFERENCE

 @{" General    " link general      } @{" Links      " link links        } @{" Dividers   " link dividers     } @{"Tables    " link tables       }
 @{" Structural " link structural   } @{" Images     " link images       } @{" Characters " link isochar      } @{"Forms     " link forms        }
 @{" Style      " link presentation } @{" Lists      " link lists        } @{" Colors     " link colors       } @{"Frames    " link frames       }

 FRAMES (define and manipulate specific regions of the screen)

 @{u}Description         Syntax                                                 @{uu}

 @{b}Frame Document    @{ub}  <FRAMESET></FRAMESET>
   Row Heights       <FRAMESET ROWS=,,,></FRAMESET>
   Row Heights       <FRAMESET ROWS=*></FRAMESET>
   Column Widths     <FRAMESET COLS=,,,></FRAMESET>
   Column Widths     <FRAMESET COLS=*></FRAMESET>
   Borders           <FRAMESET FRAMEBORDER="yes|no">
   Border Width      <FRAMESET BORDER=?>
   Border Color      <FRAMESET BORDERCOLOR="#$$$$$$">
 @{b}Define Frame      @{ub}  <FRAME>
   Display Doc       <FRAME SRC="URL">
   Frame Name        <FRAME NAME="***"|_blank|_self|_parent|_top>
   Margin Width      <FRAME MARGINWIDTH=?>
   Margin Height     <FRAME MARGINHEIGHT=?>
   Scrollbar?        <FRAME SCROLLING="YES|NO|AUTO">
   Not Resizable     <FRAME NORESIZE>

@endnode
@node browsers

 HTML QUICK REFERENCE

 @{" General    " link general      } @{" Links      " link links        } @{" Dividers   " link dividers     } @{"Tables    " link tables       }
 @{" Structural " link structural   } @{" Images     " link images       } @{" Characters " link isochar      } @{"Forms     " link forms        }
 @{" Style      " link presentation } @{" Lists      " link lists        } @{" Colors     " link colors       } @{"Frames    " link frames       }

 BROWSERS

 @{u}Browser                                                                    @{uu}

 IBrowse 1.02 demo (10.4)   Supported
 AWeb 1.2b demo             Supported
 AWeb-II 2.1 demo           Not supported (no ARexx port)
 Voyager 1.0                Some support (RELOAD command not understood)
 Voyager NG                 Some support (RELOAD command not understood)

@endnode
