        ------------------------------------------------------------
                        THE BARE BONES GUIDE TO HTML

                              by Kevin Werbach
                   Version 3.0 Formatted -- July 21, 1996
        ------------------------------------------------------------

The latest version of this document is available at
<http://werbach.com/barebones/>.

The Guide 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. This Guide is designed to be as concise as
possible; more detailed information on HTML is available through my WWW Help
Page. Comments and suggestions are always welcome.

Table of Contents

  1. INTRODUCTORY MATERIAL
        o What is unique about this guide
        o Which HTML tags are included
        o How this document is formatted (including a description of symbols
          and abbreviations)

  2. HTML TAGS
        o basic elements (all HTML documents should have these)
        o structural definition (appearance controlled by the browser's
          preferences)
        o presentation formatting (author specifies text appearance)
        o links and graphics
        o dividers
        o lists
        o backgrounds and colors
        o special characters
        o forms
        o tables
        o frames
        o java
        o miscellaneous

     Important: If you are not clear about the differences between HTML 2.0,
     HTML 3.0, HTML 3.2, and Netscape extensions, I suggest that you read
     the W3C statement on the development of HTML.

                               BASIC ELEMENTS
  ------------------------------------------------------------------------
       Document Type   <HTML></HTML>     (beginning and end of file)
       Title           <TITLE></TITLE>   (must be in header)
       Header          <HEAD></HEAD>     (descriptive info, such as title)
       Body            <BODY></BODY>     (bulk of the page)





                           STRUCTURAL DEFINITION
  ------------------------------------------------------------------------
    Heading       <H?></H?>                             (the spec. defines
                                                        6 levels)
    Align Heading <H? ALIGN=LEFT|CENTER|RIGHT></H?> [*]
    Division      <DIV></DIV>
    Align         <DIV ALIGN=LEFT|RIGHT|CENTER></DIV>
    Division
    Block Quote   <BLOCKQUOTE></BLOCKQUOTE> [*]         (usually displayed
                                                        as indented)
    Emphasis      <EM></EM>                             (usually displayed
                                                        as italic)
    Strong        <STRONG></STRONG>                     (usually displayed
    Emphasis                                            as bold)
    Citation      <CITE></CITE>                         (usually italics)
    Code          <CODE></CODE>                         (for source code
                                                        listings)
    Sample Output <SAMP></SAMP>
    Keyboard      <KBD></KBD>
    Input
    Variable      <VAR></VAR>
    Definition    <DFN></DFN>                           (not widely
                                                        implemented)
    Author's      <ADDRESS></ADDRESS>
    Address
    Large Font    <BIG></BIG>
    Size
    Small Font    <SMALL></SMALL>
    Size




                          PRESENTATION FORMATTING
  ------------------------------------------------------------------------
        Bold            <B></B>
        Italic          <I></I>
 N3.0b  Underline       <U></U>                          (not widely
                                                         implemented yet)
        Strikeout       <STRIKE></STRIKE>                (not widely
                                                         implemented yet)
 N3.0b  Strikeout       <S></S>                          (not widely
                                                         implemented yet)
        Subscript       <SUB></SUB>
        Superscript     <SUP></SUP>
        Typewriter      <TT></TT>                        (displays in a
                                                         monospaced font)
        Preformatted    <PRE></PRE>                      (display text
                                                         spacing as-is)
        Width           <PRE WIDTH=?></PRE>              (in characters)
        Center          <CENTER></CENTER> [*]            (for both text and
                                                         images)
 N1.0   Blinking        <BLINK></BLINK>                  (the most derided
                                                         tag ever)
        Font Size       <FONT SIZE=?></FONT>             (ranges from 1-7)
        Change Font     <FONT SIZE="+|-?"></FONT>
        Size
 N1.0   Base Font Size  <BASEFONT SIZE=?>                (from 1-7; default
                                                         is 3)
        Font Color      <FONT COLOR="#$$$$$$"></FONT>
 N3.0b  Select Font     <FONT FACE="***"></FONT>
 N3.0b  Multi-Column    <MULTICOL COLS=?></MULTICOL>
        Text
 N3.0b  Column Gutter   <MULTICOL GUTTER=?></MULTICOL>   (default is 10
                                                         pixels)
 N3.0b  Column Width    <MULTICOL WIDTH=?></MULTICOL>
 N3.0b  Spacer          <SPACER>
 N3.0b  Spacer Type     <SPACER TYPE=horizontal|
                        vertical|block>
 N3.0b  Spacer Size     <SPACER SIZE=?>
 N3.0b  Spacer          <SPACER WIDTH=? HEIGHT=?>
        Dimensions
 N3.0b  Spacer          <SPACER
        Alignment       ALIGN=left|right|center>





                             LINKS AND GRAPHICS
  ------------------------------------------------------------------------
      Link Something   <A HREF="URL"></A>
      Link to Target   <A HREF="URL#***"></A>              (if in another
                                                           document)
                       <A HREF="#***"></A>                 (if in current
                                                           document)
 N2.0 Target Window    <A HREF="URL" TARGET="***|
                       |_blank|_self|_parent|_top"></A>
      Define Target in <A NAME="***"></A>
      Document
      Relationship     <A REL="***"></A>                   (not widely
                                                           implemented)
      Reverse          <A REV="***"></A>                   (not widely
      Relationship                                         implemented)
      Display Image    <IMG SRC="URL">
      Alignment        <IMG SRC="URL"
                       ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT>
 N1.0 Alignment        <IMG SRC="URL" ALIGN=TEXTTOP|
                       ABSMIDDLE|BASELINE|ABSBOTTOM>
      Alternate        <IMG SRC="URL" ALT="***">           (if image not
                                                           displayed)
      Imagemap         <IMG SRC="URL" ISMAP>               (requires a
                                                           script)
      Client-Side      <IMG SRC="URL" USEMAP="URL">
      Imagemap
      Map Description  <MAP NAME="***"></MAP>
      Map Sections     <AREA SHAPE="RECT" COORDS=",,,"
                       HREF="URL"|NOHREF>
      Dimensions       <IMG SRC="URL" WIDTH=? HEIGHT=?>    (in pixels)
      Border           <IMG SRC="URL" BORDER=?>            (in pixels)
      Runaround Space  <IMG SRC="URL" HSPACE=? VSPACE=?>   (in pixels)
 N1.0 Low-Res Proxy    <IMG SRC="URL" LOWSRC="URL">
 N1.1 Client Pull      <META HTTP-EQUIV="Refresh"
                       CONTENT="?; URL=URL">
 N2.0 Embed Object     <EMBED SRC="URL">                   (insert object
                                                           into page)
 N2.0 Object Size      <EMBED SRC="URL" WIDTH=? HEIGHT=?>




                                  DIVIDERS
  ------------------------------------------------------------------------
       Paragraph    <P></P> [*]                         (closing tag often
                                                        unnecessary)
       Align Text   <P ALIGN=LEFT|CENTER|RIGHT></P>
                    [*]
       Line Break   <BR>                                (a single carriage
                                                        return)
       Clear        <BR CLEAR=LEFT|RIGHT|ALL>
       Textwrap
       Horizontal   <HR>
       Rule
       Alignment    <HR ALIGN=LEFT|RIGHT|CENTER>
       Thickness    <HR SIZE=?>                         (in pixels)
       Width        <HR WIDTH=?>                        (in pixels)
 N1.0  Width        <HR WIDTH="%">                      (as a percentage of
       Percent                                          page width)
       Solid Line   <HR NOSHADE>                        (without the 3D
                                                        cutout look)
 N1.0  No Break     <NOBR></NOBR>                       (prevents line
                                                        breaks)
 N1.0  Word Break   <WBR>                               (where to break a
                                                        line if needed)




                                  LISTS
  ------------------------------------------------------------------------
    Unordered      <UL><LI></UL>                  (<LI> before each list
    List                                          item)
    Compact        <UL COMPACT></UL>
    Bullet Type    <UL TYPE=DISC|CIRCLE|SQUARE>   (for the whole list)
                   <LI TYPE=DISC|CIRCLE|SQUARE>   (this & subsequent)
    Ordered List   <OL><LI></OL>                  (<LI> before each list
                                                  item)
    Compact        <OL COMPACT></OL>
    Numbering      <OL TYPE=A|a|I|i|1>            (for the whole list)
    Type
                   <LI TYPE=A|a|I|i|1>            (this & subsequent)
    Starting       <OL START=?>                   (for the whole list)
    Number
                   <LI VALUE=?>                   (this & subsequent)
    Definition     <DL><DT><DD></DL>              (<DT>=term,
    List                                          <DD>=definition)
    Compact        <DL COMPACT></DL>
    Menu List      <MENU><LI></MENU>              (<LI> before each list
                                                  item)
    Compact        <MENU COMPACT></MENU>
    Directory      <DIR><LI></DIR>                (<LI> before each list
    List                                          item)
    Compact        <DIR COMPACT></DIR>




                           BACKGROUNDS AND COLORS
  ------------------------------------------------------------------------
    Tiled Bkground  <BODY BACKGROUND="URL">
    Bkground Color  <BODY BGCOLOR="#$$$$$$"> [*]  (order is red/green/blue)
    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)



            SPECIAL CHARACTERS (these must all be in lower case)
  ------------------------------------------------------------------------
      Special Character   &#?;                  (where ? is the ISO 8859-1
                                                code)
      <                   &lt;
      >                   &gt;
      &                   &amp;
      "                   &quot;
      Registered TM       &reg;
      Copyright           &copy;
      Non-Breaking Space  &nbsp;
    (Complete list at http://www.uni-passau.de/%7Eramsch/iso8859-1.html)



                                   FORMS
  ------------------------------------------------------------------------
      Define      <FORM ACTION="URL"
      Form        METHOD=GET|POST></FORM>
 N2.0 File        <FORM
      Upload      ENCTYPE="multipart/form-data"></FORM>
      Input       <INPUT
      Field       TYPE="TEXT|PASSWORD|CHECKBOX|RADIO|
                  IMAGE|HIDDEN|SUBMIT|RESET">
      Field Name  <INPUT NAME="***">
      Field       <INPUT VALUE="***">
      Value
      Checked?    <INPUT CHECKED>                            (checkboxes
                                                             and radio
                                                             boxes)
      Field Size  <INPUT SIZE=?>                             (in
                                                             characters)
      Max Length  <INPUT MAXLENGTH=?>                        (in
                                                             characters)
      Selection   <SELECT></SELECT>
      List
      Name of     <SELECT NAME="***"></SELECT>
      List
      # of        <SELECT SIZE=?></SELECT>
      Options
      Multiple    <SELECT MULTIPLE>                          (can select
      Choice                                                 more than one)
      Option      <OPTION>                                   (items that
                                                             can be
                                                             selected)
      Default     <OPTION SELECTED>
      Option
      Input Box   <TEXTAREA ROWS=? COLS=?></TEXTAREA>
      Size
      Name of     <TEXTAREA NAME="***"></TEXTAREA>
      Box
 N2.0 Wrap Text   <TEXTAREA
                  WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>




                                   TABLES
  ------------------------------------------------------------------------
        Define Table    <TABLE></TABLE> [*]
        Table Border    <TABLE BORDER=?></TABLE>
        Cell Spacing    <TABLE CELLSPACING=?>
        Cell Padding    <TABLE CELLPADDING=?>
        Desired Width   <TABLE WIDTH=?>                (in pixels)
        Width Percent   <TABLE WIDTH="%">              (percentage of page)
        Table Row       <TR></TR>
        Alignment       <TR ALIGN=LEFT|RIGHT|
                        CENTER|MIDDLE|BOTTOM
                        VALIGN=TOP|BOTTOM|MIDDLE>
        Table Cell      <TD></TD>                      (must appear within
                                                       table rows)
        Alignment       <TD ALIGN=LEFT|RIGHT|
                        CENTER|MIDDLE|BOTTOM
                        VALIGN=TOP|BOTTOM|MIDDLE>
        No linebreaks   <TD NOWRAP>
        Columns to Span <TD COLSPAN=?>
        Rows to Span    <TD ROWSPAN=?>
 N1.1   Desired Width   <TD WIDTH=?>                   (in pixels)
 N1.1   Width Percent   <TD WIDTH="%">                 (percentage of
                                                       table)
 N3.0b  Cell Color      <TD BGCOLOR="#$$$$$$">
        Table Header    <TH></TH>                      (same as data,
                                                       except bold
                                                       centered)
        Alignment       <TH ALIGN=LEFT|RIGHT|
                        CENTER|MIDDLE|BOTTOM
                        VALIGN=TOP|BOTTOM|MIDDLE>
        No Linebreaks   <TH NOWRAP>
        Columns to Span <TH COLSPAN=?>
        Rows to Span    <TH ROWSPAN=?>
 N1.1   Desired Width   <TH WIDTH=?>                   (in pixels)
 N1.1   Width Percent   <TH WIDTH="%">                 (percentage of
                                                       table)
 N3.0b  Cell Color      <TH BGCOLOR="#$$$$$$">
        Table Caption   <CAPTION></CAPTION>
        Alignment       <CAPTION ALIGN=TOP|BOTTOM>     (above/below table)



                                   FRAMES
  ------------------------------------------------------------------------
 N2.0   Frame Document <FRAMESET></FRAMESET>            (instead of <BODY>)
 N2.0   Row Heights    <FRAMESET ROWS=,,,></FRAMESET>   (pixels or %)
 N2.0   Row Heights    <FRAMESET ROWS=*></FRAMESET>     (* = relative size)
 N2.0   Column Widths  <FRAMESET COLS=,,,></FRAMESET>   (pixels or %)
 N2.0   Column Widths  <FRAMESET COLS=*></FRAMESET>     (* = relative size)
 N3.0b  Border Width   <FRAMESET BORDER=?>
 N3.0b  Borders        <FRAMESET FRAMEBORDER="yes|no">
 N3.0b  Border Color   <FRAMESET BORDERCOLOR="#$$$$$$">
 N2.0   Define Frame   <FRAME>                          (contents of an
                                                        individual frame)
 N2.0   Display        <FRAME SRC="URL">
        Document
 N2.0   Frame Name     <FRAME NAME="***"|_blank|_self|
                       _parent|_top>
 N2.0   Margin Width   <FRAME MARGINWIDTH=?>            (left and right
                                                        margins)
 N2.0   Margin Height  <FRAME MARGINHEIGHT=?>           (top and bottom
                                                        margins)
 N2.0   Scrollbar?     <FRAME SCROLLING="YES|NO|AUTO">
 N2.0   Not Resizable  <FRAME NORESIZE>
 N3.0b  Borders        <FRAME FRAMEBORDER="yes|no">
 N3.0b  Border Color   <FRAME BORDERCOLOR="#$$$$$$">
 N2.0   Unframed       <NOFRAMES></NOFRAMES>            (for non-frames
        Content                                         browsers)



                                    JAVA
  ------------------------------------------------------------------------
    Applet          <APPLET></APPLET>
    Applet File     <APPLET CODE="***">
    Name
    Parameters      <APPLET PARAM NAME="***">
    Applet Location <APPLET CODEBASE="URL">
    Applet          <APPLET NAME="***">                (for references
    Identifier                                         elsewhere in the
                                                       page)
    Alternative     <APPLET ALT="***">                 (for non-Java
    Text                                               browsers)
    Alignment       <APPLET ALIGN="LEFT|RIGHT|CENTER">
    Size            <APPLET WIDTH=? HEIGHT=?>          (in pixels)
    Spacing         <APPLET HSPACE=? VSPACE=?>         (in pixels)



                                MISCELLANEOUS
  ------------------------------------------------------------------------
       Comment           <!-- *** -->                  (not displayed by
                                                       the browser)
       HTML 3.2 Prologue <!DOCTYPE HTML PUBLIC
                         "-//W3C//DTD HTML 3.2//EN">
                         [*]
       Searchable        <ISINDEX>                     (indicates a
                                                       searchable index)
       Prompt            <ISINDEX PROMPT="***">        (text to prompt
                                                       input)
       Send Search       <A HREF="URL?***"></a>        (use a real question
                                                       mark)
       URL of This File  <BASE HREF="URL">             (must be in header)
 N2.0  Base Window Name  <BASE TARGET="***">           (must be in header)
       Relationship      <LINK REV="***" REL="***"     (must be in header)
                         HREF="URL">
       Meta Information  <META>                        (must be in header)
       Style Sheets      <STYLE></STYLE>               (not yet widely
                                                       supported)
       Scripts           <SCRIPT></SCRIPT>             (not yet widely
                                                       supported)





 Copyright 1995, 1996 Kevin Werbach. Noncommercial redistribution
 permitted. This Guide is not a product of Bare Bones Software; the
 similarity of names is purely coincidental.



      Contents | LIST OF TAGS | Plain Text Version | Kevin's Home Page
