HTML CHEAT SHEET
****************

Last updated by Roedy Green <roedy@mindprod.com> 1999 January 10

This does not cover CSS (Cascaded Style Sheets), but most other
common HTML, including SSI.

Groups
******

<ol>     </ol>  ordered numbered list
<ul>     </ul>  unordered bulleted list
<menu> </menu>  menu list, more compact than ul.
<li>            list item  (does not use </li>)
<dl>     </dl>  dictionary list
<dt>            dictionary term being defined (does not use </dt>)
<dd>            dictionary definition (does not use </dd>)

Line Breaks
***********
<br>              new line, no extra space
<br clear="all">  gets past any flow-around illustration.
<p>               new paragraph, blank line inserted
<p align="center">
<hr>              horizontal rule


Font selectors
**************

<h1> .. <h6>    </h1> .. </h6>  heading
<b>             </b>            bold
<i>             </i>            italic
<tt>            </tt>           typewriter font
<pre>           </pre>          preformatted
<font size="3"> </font>         or +3 for relative increase
<big>           </big>          shorthand for <font size="+1">
<small>         </small>        shorthand for <font size="-1">
<dfn>           </dfn>          definition
<em>            </em>           italic emphasis
<cite>          </cite>         book titles
<code>          </code>         program listings
<kbd>           </kbd>          keystrokes
<samp>          </samp>         computer status messages
<strong>        </strong>       bold emphasis
<var>           </var>          to be replaced by specific when used.
<u>             </u>            underline
<address>       </address>      email address, possibly street address.
<blockquote>    </blockquote>   long quotation
<font face="Comic Sans MS,Helvetica"> </font>
                                suggest a typeface.  User must
                                have it installed, can specify alternates
                                in order of preference.

Fonts
*****

Here are some fonts the user may have available:

Arial
Arial Black
AvantGarde-Book
AvantGarde-BookOblique
AvantGarde-Demi
AvantGarde-DemiOblique
Bookman-Demi
Bookman-DemiItalic
Bookman-Light
Bookman-LightItalic
Britannic Bold
Comic Sans MS
Comic Sans MS Bold
Courier
Courier New
Courier-Bold
Courier-BoldOblique
Courier-Oblique
Garamond
Geneva
Helvetica
Helvetica-Bold
Helvetica-BoldOblique
Helvetica-Narrow
Helvetica-Narrow-Bold
Helvetica-Narrow-BoldOblique
Helvetica-Narrow-Oblique
Helvetica-Oblique
Impact
Monaco
MS Sans Serif
MS Serif
NewCenturySchlbk-Bold
NewCenturySchlbk-BoldItalic
NewCenturySchlbk-Italic
NewCenturySchlbk-Roman
New York
Palatino
Palatino-Bold
Palatino-BoldItalic
Palatino-Italic
Palatino-Roman
Scribble
Symbol
Tahoma
Terminal
Times
Times New Roman
Times-Bold
Times-BoldItalic
Times-Italic
Times-Roman
Verdana
Webdings
ZapfChancery-MediumItalic
ZapfDingbats

Forms
*****

see Bare Bones tutorial.

Anchors
*******

typical target -- place where you jump TO:
<H2><a NAME="GLOSSARY">Roedy's Java Glossary</a></h2>

Links
*****

typical reference that when clicked takes you to a particular spot:
<a href="http://www.Delftware.com/roedy/gloss.htm#GLOSSARY">glossary</a>
or
<a href="gloss.htm#GLOSSARY">glossary</a>
or
<a href="#GLOSSARY">glossary</a>

Email reference
<a href="mailto:roedy@mindprod.com">Roedy Green</a>

GIF reference (often embedded in an <a> .. </a> reference to provide a picture button
<img src="email.gif" width="44" height="33"  align="middle" alt="Email logo">

Tables
******

<table border="5" cellspacing="2" cellpadding="1" width="100" width="50%">
                        </table> table
                        cellpadding is interior border of cell.
                        cellspacing in border _between_ cells.
                        cellpadding will appear on left side of leftmost cell
                        and right side of the rightmost cell; cellspacing will not.

<caption>               </caption> caption title, appears above table.
<tr valign="baseline">  </tr> table row
                        valign can be top, middle, bottom, baseline
                        valign can also occur on caption, tr and td.
<th align="center">     </th> header item, also left,center,right,justify
<td align="center">     </td> data item
<th rowspan="2">        </th> header spanning two rows
<td rowspan="2">        </td> data item spanning two rows
<th colspan="2">        </th> header spanning two columns
<td colspan="2">        </td> data item spanning two columns
<td dp=":">             </td> align data in this cell at the : char
<td nowrap>             </td> may not break lines in cell
<td width="50%">        </td> hints on how to compute column widths

<spacer type=horizonal>       can also be vertical or block.
<spacer size="20">            size in pixels
<spacer width="20">           horisontal size in pixels
<spacer heigt="20">           vertical size in pixels
<spacer align="left">         also right and center
                              Netscape appears to ignore spacers.

Figures
*******

<fig src="x.jpeg"  >        </fig>      figure
<caption>               </caption>      caption title
<credit>                 </credit>      who did the photo
<overlay SRC="y.jpeg"   </overlay>      overlay main photo with small one.

Frames
******

<frameset rows="100,200">  </frameset>     surrounds rows of frames, pixels
<frameset rows="20%,80%">  </frameset>     relative space for each
<frameset rows="*,*">      </frameset>

<frameset cols="10,20">    </frameset>     surrounds cols of frames, pixels
<frameset cols="20%,80%">  </frameset>     relative space for each
<frameset cols="*,*">      </frameset>
<frameset frameborder="0"  </frameset>     no borders around the frames

<frame  src="http://mindprod.com/x.html"
                               where to get the html to fill the frame
        name="someFrame"       name a window for referencing via BASE
        noresize               don't let user change frame size
        scrolling="auto"       yes, no, -- scroll bars?
        marginheight="10"      pixels in border top/bottom.
        marginwidth="10"       pixels in border left/right.
        >                      end of <frame

<noframes>              </noframes>
                               sandwiches HTML to render the page if
                               the browser does or will not support
                               frames.

In a menu frame document, one of the "tiles":

<BASE TARGET="someFrame" HREF="http://mindprod.com/x.html">
             allows one frame to load documents
             into another named frame for following HREFs.
             The HREF provide a default base for any relative hrefs coming.

or

<a HREF="xxx.html" TARGET="someFrame">

Most browsers let you leave out the <BASE HREF, which allows code to work
both locally and on a website, though strictly speaking the href is
mandatory.

Possible targets, besides named frames, include:

_blank    in a new, unnamed window.
_self     in this frame.
_parent   into parent frame (or this frame if no parent).
_top      into the full, original window (thus cancelling all other frames)

Java Applets
************

    <APPLET
        CODEBASE="http://java.sun.com/applets/applets/NervousText"
        CODE="NervousText.class"
        WIDTH="400"   HEIGHT="75"
        NAME="NervousTextInstance1"
        ALIGN="bottom"
        VSPACE="4"  HSPACE="4"
        ARCHIVE="classes.jar, images.jar,  sounds.jar"
        ALT="You would need a Java-enabled browser to see this." >

    <PARAM NAME="text"   VALUE="Hello world">
    <PARAM NAME="img"    VALUE="frog.jpg">
    <PARAM NAME="speed"  VALUE="10">
    </APPLET>


Standard Prelude
****************



<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<HTML><HEAD>
  <TITLE>Roedy Green's Java Glossary</TITLE>
  <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
  <META NAME="AUTHOR"      CONTENT="Roedy Green">
  <META NAME="GENERATOR"   CONTENT="Vslick Text editor">
  <META NAME="DESCRIPTION" CONTENT="Glossary of Java terminology beginning with the letter C">
  <META NAME="KEYWORDS"    CONTENT="Java,glossary,terminology,buzzwords,dictionary">
</HEAD>

<BODY TEXT="#333300" BGCOLOR="#FFFFCC" BACKGROUND="images/bg.gif"
LINK="#FF0000" VLINK="#330099" ALINK="#000800"
MARGINHEIGHT="10" MARGINWIDTH="10" >


BGCOLOR      = background RGB in hex
BACKGROUND   = gif to use as background tiled.
TEXT         = ordinary text colour
LINK         = clickable links not yet visited
VLINK        = links that have already been visited
ALINK        = active link text, what you just clicked.
MARGINHEIGHT = pixels in border top/bottom.
MARGINWIDTH  = pixels in border left/right.

Standard Postlude
*****************

<HR>
</BODY></HTML>

SSI Server Side Includes
************************

These commands require special support from your ISP. For more detail
see SSI in the Java glossary.

<!--#COUNT FILE="index.cnt"-->          hit counter.  Hit is stored in
                                        file named.

<!--#CONFIG TIMEFMT="%Y-%m-%d %H:%M"--> configures the format of SSI
                                        timestamps to ISO standard
                                        yyyy-mm-dd hh:mm

<!--#INCLUDE FILE="filename"-->         so you don't need to repeat
                                        boilerplate every time it occurs.

<!--#FLASTMOD FILE="filename"-->        display date given file was last modified.


<!--#FSIZE FILE="filename"-->           display the size of the given file.

<!--#ECHO VAR="DOCUMENT_NAME"-->        display some variable computed text,
                                        in this case the name of the current
                                        document in which this text is embedded.
                                        You can surround this with <FONT <B> etc.

Values you can use as the variable include:

 DOCUMENT_NAME   The document file name
 DOCUMENT_URI    The document Universal Resource Identifier (the path)
 DATE_LOCAL      The current date and time
 DATE_GMT        The current Greenwich Mean Time date and time
 LAST_MODIFIED   The date and time the document was last modified
 REMOTE_ADDR     The IP address of the user requesting the document
 SERVER_SOFTWARE The name and version of the Web server software
 SERVER_NAME     The local hostname of the Web Server
 SERVER_PORT     The TCP port on which the Web server is listening for HTTP
                 requests (the default is 80)
 REMOTE_HOST     The hostname of the computer requesting the document
 AUTH_TYPE       The method used to authenticate user requests.
 HTTP_USER_AGENT The name of the browser requesting the document


Special Characters
******************

&quot;     "
&amp;      &
'          '
&lt;       <
&gt;       >
`          `

&acute;    acute accent (')
&brvbar;   broken bar (|)
&cedil;    cedilla
&cent;     cent sign (looks like C with / overstrike)
&copy;     copyright sign (looks like circled c)
&curren;   currency sign (looks like four pointed star)
&deg;      degree sign (looks like superscript o)
&uml;      dieresis ( looks like rounded " )
&divide;   division sign
&ordf;     feminine ordinal indicator (looks like superscript _a_ )
&iexcl;    inverted exclamation mark
&iquest;   inverted question mark
&laquo;    left guillemot (looks like << )
&macr;     macron overline
&ordm;     masculine ordinal indicator (looks like superscript _o_)
&micro;    micro sign (Greek letter mu, like u with left tail)
&middot;   middle dot
&times;    multiplication sign (look like x )
&nbsp;     non breaking space (not universally supported)
&not;      not sign (looks like 7)
&#182;     paragraph sign  (looks like |P)
&plusmn;   plus-minus sign
&pound;    pound sign (looks like L)
&reg;      registered trade mark sign (looks like circled r)
&raquo;    right guillemot (looks like >> )
&sect;     section sign (looks like S)
&shy;      soft hyphen -
&sup1;     superscript 1 one
&sup3;     superscript 2 three
&sup2;     superscript 3 two
&frac12;   vulgar fraction 1/2 one half
&frac14;   vulgar fraction 1/4 one quarter
&frac34;   vulgar fraction 3/4 three quarters
&yen;      yen sign (looks like Y with = overstrike)
~          ~
There is no symbol for TM

Accented Characters
*******************

&Aacute;        A with acute accent
&Acirc;         A with circumflex accent
&Auml;          A with dieresis
&AElig;         A with e
&Agrave;        A with grave accent
&Aring;         A with ring above
&Atilde;        A with tilde
&Ccedil;        C with cedilla
&Eacute;        E with acute accent
&Ecirc;         E with circumflex accent
&Euml;          E with dieresis
&Egrave;        E with grave accent
&Iacute;        I with acute accent
&Icirc;         I with circumflex accent
&Iuml;          I with dieresis
&Igrave;        I with grave accent
&ETH;           Icelandic Eth
&THORN;         Icelandic Thorn
&thorn;         Icelandic thorn
&Ntilde;        N with tilde
&Oacute;        O with acute accent
&Ocirc;         O with circumflex accent
&Ouml;          O with dieresis
&Ograve;        O with grave accent
&Oslash;        O with oblique stroke /
&Otilde;        O with tilde
&Uacute;        U with acute accent
&Ucirc;         U with circumflex accent
&Uuml;          U with dieresis
&Ugrave;        U with grave accent
&Yacute;        Y with acute accent
&aacute;        a with acute accent
&acirc;         a with circumflex  accent
&auml;          a with dieresis
&agrave;        a with grave accent
&aring;         a with ring above
&atilde;        a with tilde
&aelig;         ae ligature
&ccedil;        c with cedilla
&eacute;        e with acute accent
&ecirc;         e with circumflex accent
&euml;          e with dieresis
&egrave;        e with grave accent
&eth;           eth
&iacute;        i with acute accent
&icirc;         i with circumflex  accent
&iuml;          i with dieresis
&igrave;        i with grave accent
&ntilde;        n with tilde
&oacute;        o with acute accent
&ocirc;         o with circumflex accent
&ouml;          o with dieresis
&ograve;        o with grave accent
&oslash;        o with oblique stroke /
&otilde;        o with tilde
&szlig;         sharp s, Germanic double s, looks like beta.
&uacute;        u with acute accent
&ucirc;         u with circumflex accent
&uuml;          u with dieresis
&ugrave;        u with grave accent
&yacute;        y with acute accent
&yuml;          y with dieresis European

See the Unicode document for a fuller list.


128 Colours That Netscape 4.5 knows by Name
*******************************************

See http://mindprod.com/netscapecolours.html for
more information a colour chart.

Hex      Name
#f0f8ff  aliceblue
#faebd7  antiquewhite
#00ffff  aqua
#7fffd4  aquamarine
#f0ffff  azure
#f5f5dc  beige
#ffe4c4  bisque
#000000  black
#ffebcd  blanchedalmond
#0000ff  blue
#8a2be2  blueviolet
#a52a2a  brown
#deb887  burlywood
#5f9ea0  cadetblue
#7fff00  chartreuse
#d2691e  chocolate
#ff7f50  coral
#6495ed  cornflowerblue
#fff8dc  cornsilk
#dc143c  crimson
#00008b  darkblue
#008b8b  darkcyan
#b8860b  darkgoldenrod
#a9a9a9  darkgray
#006400  darkgreen
#bdb76b  darkkhaki
#8b008b  darkmagenta
#556b2f  darkolivegreen
#ff8c00  darkorange
#9932cc  darkorchid
#8b0000  darkred
#e9967a  darksalmon
#8fbc8f  darkseagreen
#483d8b  darkslateblue
#2f4f4f  darkslategray
#00ced1  darkturquoise
#9400d3  darkviolet
#ff1493  deeppink
#00bfff  deepskyblue
#696969  dimgray
#1e90ff  dodgerblue
#b22222  firebrick
#fffaf0  floralwhite
#228b22  forestgreen
#ff00ff  fuchsia
#dcdcdc  gainsboro
#f8f8ff  ghostwhite
#daa520  goldenrod
#808080  gray
#008000  green
#adff2f  greenyellow
#f0fff0  honeydew
#ff69b4  hotpink
#cd5c5c  indianred
#4b0082  indigo
#fffff0  ivory
#f0e68c  khaki
#e6e6fa  lavender
#fff0f5  lavenderblush
#7cfc00  lawngreen
#fffacd  lemonchiffon
#add8e6  lightblue
#f08080  lightcoral
#e0ffff  lightcyan
#fafad2  lightgoldenrodyellow
#90ee90  lightgreen
#d3d3d3  lightgrey
#ffb6c1  lightpink
#ffa07a  lightsalmon
#20b2aa  lightseagreen
#87cefa  lightskyblue
#778899  lightslategray
#b0c4de  lightsteelblue
#ffffe0  lightyellow
#00ff00  lime
#32cd32  limegreen
#faf0e6  linen
#ff00ff  magenta
#800000  maroon
#66cdaa  mediumaquamarine
#0000cd  mediumblue
#ba55d3  mediumorchid
#9370db  mediumpurple
#3cb371  mediumseagreen
#7b68ee  mediumslateblue
#00fa9a  mediumspringgreen
#48d1cc  mediumturquoise
#c71585  mediumvioletred
#191970  midnightblue
#f5fffa  mintcream
#ffe4e1  mistyrose
#ffe4b5  moccasin
#ffdead  navajowhite
#000080  navy
#fdf5e6  oldlace
#808000  olive
#6b8e23  olivedrab
#ffa500  orange
#ff4500  orangered
#da70d6  orchid
#eee8aa  palegoldenrod
#98fb98  palegreen
#afeeee  paleturquoise
#db7093  palevioletred
#ffefd5  papayawhip
#ffdab9  peachpuff
#b0e0e6  powderblue
#800080  purple
#ff0000  red
#bc8f8f  rosybrown
#4169e1  royalblue
#8b4513  saddlebrown
#fa8072  salmon
#f4a460  sandybrown
#2e8b57  seagreen
#fff5ee  seashell
#a0522d  sienna
#c0c0c0  silver
#87ceeb  skyblue
#6a5acd  slateblue
#708090  slategray
#00ff7f  springgreen
#4682b4  steelblue
#008080  teal
#d8bfd8  thistle
#ff6347  tomato
#40e0d0  turquoise
#ee82ee  violet
#f5deb3  wheat
#ffffff  white
#f5f5f5  whitesmoke
#ffff00  yellow
#9acd32  yellowgreen

-30-

