home *** CD-ROM | disk | FTP | other *** search
/ Acorn User 10 / AU_CD10.iso / Internet / HTML_Tutorial / !Tutorial / barebone / barebone.txt < prev    next >
Text File  |  1997-07-22  |  17KB  |  326 lines
  1. ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  2.            T H E   B A R E   B O N E S   G U I D E   T O   H T M L        
  3.  
  4.                               by Kevin Werbach
  5.                             <http://werbach.com/>
  6.  
  7.                       Version 3.0  --  July 21, 1996
  8. ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  9.  
  10.  
  11. This document is permanently located at <http://werbach.com/barebones/>. 
  12.  
  13. The Bare Bones Guide to HTML lists all the tags that current versions of 
  14. most browsers are likely to recognize. I have included all the tags in the 
  15. HTML 3.2 specification, as well as Netscape extensions included in versions 
  16. of Netscape Navigator up to 3.0b5.  The Guide is designed to be as concise 
  17. as possible, and therefore it doesn't go into any detail about how to use 
  18. the various tags.  There are numerous step-by-step HTML guides on the Web; 
  19. I have links to many of them at <http://werbach.com/web/wwwhelp.html>.
  20.  
  21. Comments and suggestions are always welcome; you can reach me via Email
  22. at <barebones@werbach.com>.  
  23.    
  24.  
  25.  
  26. FORMATTING OF THIS DOCUMENT
  27. ---------------------------------------------------------------------------
  28. This document looks best displayed in a monospaced font.  
  29.  
  30. For clarity, I have separated out different attributes that can be applied 
  31. to the same tag onto separate lines.  Generally, multiple attributes can be 
  32. combined in the same tag.  
  33.  
  34. Tags are listed in upper case for ease of reading, although most tags are
  35. not case sensitive.
  36.  
  37.  
  38.  
  39. SYMBOLS USED
  40. ---------------------------------------------------------------------------
  41. URL    URL of an external file (or just file name if in the same directory)
  42. ?      Arbitrary number (i.e. <H?> means <H1>, <H2>, <H3>, etc.)
  43. %      Arbitrary percentage (i.e. <HR WIDTH="%"> means <HR WIDTH="50%">, etc.)
  44. ***    Arbitrary text (i.e. ALT="***" means fill in with text)    
  45. $$$$$$ Arbitrary hex (i.e. BGCOLOR="#$$$$$$" means BGCOLOR="#00FF1C", etc.)
  46. ,,,    Comma-delimited (i.e. COORDS=",,," means COORDS="0,0,50,50", etc.)
  47. |      Alternatives (i.e. ALIGN=LEFT|RIGHT|CENTER means pick one of these)
  48.  
  49.  
  50. COMPATIBILITY (remember, HTML is evolving and browser implementations vary)
  51. ---------------------------------------------------------------------------
  52.        (no notation) In the HTML 3.2 spec.; should work on all browsers 
  53. N1.0   Netscape extension introduced with Navigator version 1.0
  54. N1.1   Netscape extension introduced with Navigator version 1.1
  55. N2.0   Netscape extension introduced with Navigator version 2.0 
  56. N3.0B  Netscape extension introduced with Navigator version 3.0 beta
  57.  
  58. ===========================================================================
  59. ===========================================================================
  60.  
  61.  
  62.  
  63. GENERAL  (all HTML documents should have these)
  64. --------------------------------------------------------------------------- 
  65.        Document Type    <HTML></HTML>      (beginning and end of file)
  66.        Title            <TITLE></TITLE>    (must be in header)
  67.        Header           <HEAD></HEAD>      (descriptive info, such as title)
  68.        Body             <BODY></BODY>      (bulk of the page)
  69.  
  70.  
  71. STRUCTURAL DEFINITION  (appearance controlled by the browser's preferences)
  72. ---------------------------------------------------------------------------
  73.        Heading          <H?></H?>          (the spec. defines 6 levels)
  74.          Align Heading    <H? ALIGN=LEFT|CENTER|RIGHT></H?>
  75.        Division         <DIV></DIV>
  76.          Align Division   <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>
  77.        Block Quote      <BLOCKQUOTE></BLOCKQUOTE>    (usually indented)
  78.        Emphasis         <EM></EM>          (usually displayed as italic)
  79.        Strong Emphasis  <STRONG></STRONG>  (usually displayed as bold)
  80.        Citation         <CITE></CITE>      (usually italics)
  81.        Code             <CODE></CODE>      (for source code listings)
  82.        Sample Output    <SAMP></SAMP>
  83.        Keyboard Input   <KBD></KBD>
  84.        Variable         <VAR></VAR>
  85.        Definition       <DFN></DFN>        (not widely implemented)
  86.        Author's Address <ADDRESS></ADDRESS>
  87.        Large Font Size  <BIG></BIG>
  88.        Small Font Size  <SMALL></SMALL>
  89.  
  90.  
  91. PRESENTATION FORMATTING  (author specifies text appearance)
  92. ---------------------------------------------------------------------------
  93.        Bold             <B></B>
  94.        Italic           <I></I>
  95. N3.0b  Underline        <U></U>            (not widely implemented yet)
  96.        Strikeout        <STRIKE></STRIKE>  (not widely implemented yet)
  97. N3.0b  Strikeout        <S></S>            (not widely implemented yet)
  98.        Subscript        <SUB></SUB>
  99.        Superscript      <SUP></SUP>
  100.        Typewriter       <TT></TT>          (displays in a monospaced font)
  101.        Preformatted     <PRE></PRE>        (display text spacing as-is)
  102.          Width          <PRE WIDTH=?></PRE>   (in characters)
  103.        Center           <CENTER></CENTER>  (for both text and images)
  104. N1.0   Blinking         <BLINK></BLINK>    (the most derided tag ever)
  105.        Font Size        <FONT SIZE=?></FONT>       (ranges from 1-7)
  106.        Change Font Size <FONT SIZE="+|-?"></FONT>
  107. N1.0   Base Font Size   <BASEFONT SIZE=?>  (from 1-7; default is 3)
  108.        Font Color       <FONT COLOR="#$$$$$$"></FONT>
  109. N3.0b  Select Font      <FONT FACE="***"></FONT>
  110. N3.0b  Multi-Column     <MULTICOL COLS=?></MULTICOL>
  111. N3.0b    Column Gutter    <MULTICOL GUTTER=?></MULTICOL>
  112. N3.0b    Column Width     <MULTICOL WIDTH=?></MULTICOL>
  113. N3.0b  Spacer           <SPACER>
  114. N3.0b    Spacer Type      <SPACER TYPE=horizontal|vertical|block>
  115. N3.0b    Size             <SPACER SIZE=?>
  116. N3.0b    Dimensions       <SPACER WIDTH=? HEIGHT=?>
  117. N3.0b    Alignment        <SPACER ALIGN=left|right|center>
  118.  
  119.  
  120. LINKS AND GRAPHICS
  121. ---------------------------------------------------------------------------
  122.        Link Something   <A HREF="URL"></A>        
  123.          Link to Target   <A HREF="URL#***"></A>  (if in another document)
  124.                           <A HREF="#***"></A>     (if in current document)
  125. N2.0     Target Window    <A HREF="URL" TARGET="***"></A>
  126.        Define Target    <A NAME="***"></A> 
  127.        Display Image    <IMG SRC="URL">   
  128.          Alignment        <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT>    
  129. N1.0     Alignment        <IMG SRC="URL" ALIGN=TEXTTOP|ABSMIDDLE|
  130.                              BASELINE|ABSBOTTOM>
  131.          Alternate        <IMG SRC="URL" ALT="***"> (if image not displayed)
  132.          Dimensions       <IMG SRC="URL" WIDTH=? HEIGHT=?>   (in pixels)
  133.          Border           <IMG SRC="URL" BORDER=?>             (in pixels)
  134.          Runaround Space  <IMG SRC="URL" HSPACE=? VSPACE=?>      (in pixels)
  135. N1.0     Low-Res Proxy    <IMG SRC="URL" LOWSRC="URL">    
  136.          Imagemap         <IMG SRC="URL" ISMAP>     (requires a script)
  137.          Imagemap         <IMG SRC="URL" USEMAP="URL">
  138.        Map              <MAP NAME="***"></MAP>   (describes the map)
  139.        Section          <AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF> 
  140. N1.1   Client Pull      <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">
  141. N2.0   Embed Object     <EMBED SRC="URL">  (insert object into page)
  142. N2.0     Object Size      <EMBED SRC="URL" WIDTH=? HEIGHT=?>   
  143.  
  144.  
  145. DIVIDERS
  146. ---------------------------------------------------------------------------
  147.        Paragraph        <P></P>            (closing tag often unnecessary)
  148.          Align Text       <P ALIGN=LEFT|CENTER|RIGHT></P>
  149.        Line Break       <BR>               (a single carriage return)
  150.          Clear Textwrap   <BR CLEAR=LEFT|RIGHT|ALL>   
  151.        Horizontal Rule  <HR>
  152.          Alignment        <HR ALIGN=LEFT|RIGHT|CENTER>
  153.          Thickness        <HR SIZE=?>      (in pixels)
  154.          Width            <HR WIDTH=?>     (in pixels)
  155.          Width Percent    <HR WIDTH="%">     (as a percentage of page width)
  156.         Solid Line       <HR NOSHADE>     (without the 3D cutout look)    
  157. N1.0   No Break         <NOBR></NOBR>       (prevents line breaks)
  158. N1.0   Word Break       <WBR>              (where to break a line if needed)  
  159.  
  160.  
  161. LISTS  (lists can be nested)
  162. ----------------------------------------------------------------------------
  163.        Unordered List   <UL><LI></UL>      (<LI> before each list item)
  164.          Compact          <UL COMPACT></UL>
  165.          Bullet Type      <UL TYPE=DISC|CIRCLE|SQUARE>  (for the whole list)
  166.                           <LI TYPE=DISC|CIRCLE|SQUARE>  (this & subsequent)
  167.        Ordered List     <OL><LI></OL>      (<LI> before each list item)
  168.          Compact          <OL COMPACT></OL>
  169.          Numbering Type <OL TYPE=A|a|I|i|1>      (for the whole list)
  170.                           <LI TYPE=A|a|I|i|1>      (this & subsequent)
  171.          Starting Number  <OL START=?>             (for the whole list)
  172.                           <LI VALUE=?>             (this & subsequent)
  173.        Definition List  <DL><DT><DD></DL>  (<DT>=term, <DD>=definition)
  174.          Compact          <DL COMPACT></DL>
  175.        Menu List        <MENU><LI></MENU>  (<LI> before each list item)
  176.          Compact          <MENU COMPACT></MENU>
  177.        Directory List   <DIR><LI></DIR>    (<LI> before each list item)
  178.          Compact          <DIR COMPACT></DIR>
  179.  
  180.  
  181. BACKGROUNDS AND COLORS
  182. ---------------------------------------------------------------------------
  183.        Tiled Bkground   <BODY BACKGROUND="URL">  
  184.        Bkground Color   <BODY BGCOLOR="#$$$$$$"> (order is red/green/blue)
  185.          Text Color       <BODY TEXT="#$$$$$$">
  186.          Link Color       <BODY LINK="#$$$$$$">
  187.          Visited Link     <BODY VLINK="#$$$$$$">
  188.          Active Link      <BODY ALINK="#$$$$$$">
  189. (More info at <http://werbach.com/web/wwwhelp.html#color>)
  190.  
  191.  
  192. SPECIAL CHARACTERS  (these must all be in lower case)
  193. ---------------------------------------------------------------------------
  194.        Special Character &#?;            (where ? is the ISO 8859-1 code)
  195.        <                 <
  196.        >                 >
  197.        &                 &  
  198.        "                 "
  199.        Registered TM     ®
  200.        Registered TM     ®
  201.        Copyright         ©
  202.        Copyright         ©
  203.        Non-Breaking Spc   
  204. (Complete list at <http://www.uni-passau.de/%7Eramsch/iso8859-1.html>)
  205.  
  206.  
  207. FORMS  (generally require a script on your server)
  208. ---------------------------------------------------------------------------
  209.        Define Form      <FORM ACTION="URL" METHOD=GET|POST></FORM>      
  210. N2.0     File Upload      <FORM ENCTYPE="multipart/form-data></FORM>
  211.        Input Field      <INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO|
  212.                           IMAGE|HIDDEN|SUBMIT|RESET">
  213.          Field Name       <INPUT NAME="***">
  214.          Field Value      <INPUT VALUE="***">
  215.          Checked?         <INPUT CHECKED>  (checkboxes and radio boxes)     
  216.          Field Size       <INPUT SIZE=?>       (in characters)
  217.          Max Length       <INPUT MAXLENGTH=?>  (in characters)
  218.        Selection List   <SELECT></SELECT>
  219.          Name of List     <SELECT NAME="***"></SELECT>
  220.          # of Options     <SELECT SIZE=?></SELECT>
  221.          Multiple Choice  <SELECT MULTIPLE>    (can select more than one)  
  222.        Option           <OPTION>           (items that can be selected)
  223.          Default Option   <OPTION SELECTED>
  224.        Input Box Size   <TEXTAREA ROWS=? COLS=?></TEXTAREA>
  225.          Name of Box      <TEXTAREA NAME="***"></TEXTAREA>
  226. N2.0     Wrap Text        <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>
  227.  
  228.  
  229. TABLES
  230. ---------------------------------------------------------------------------
  231.        Define Table     <TABLE></TABLE>
  232.          Table Border     <TABLE BORDER></TABLE>    (either on or off)
  233.          Table Border     <TABLE BORDER=?></TABLE>  (you can set the value)
  234.          Cell Spacing     <TABLE CELLSPACING=?>
  235.          Cell Padding     <TABLE CELLPADDING=?>
  236.          Desired Width    <TABLE WIDTH=?>           (in pixels)
  237.          Width Percent    <TABLE WIDTH=%>           (percentage of page)
  238.        Table Row        <TR></TR>
  239.          Alignment        <TR ALIGN=LEFT|RIGHT|CENTER  
  240.                               VALIGN=TOP|MIDDLE|BOTTOM>
  241.        Table Cell       <TD></TD>          (must appear within table rows)
  242.          Alignment        <TD ALIGN=LEFT|RIGHT|CENTER
  243.                              VALIGN=TOP|MIDDLE|BOTTOM>
  244.          No linebreaks    <TD NOWRAP>
  245.          Columns to Span  <TD COLSPAN=?>
  246.          Rows to Span     <TD ROWSPAN=?>
  247. N1.1     Desired Width    <TD WIDTH=?>     (in pixels)
  248. N1.1     Width Percent    <TD WIDTH="%">     (percentage of table)
  249. N3.0b    Cell Color       <TD BGCOLOR="#$$$$$$">
  250.        Table Header     <TH></TH>     (same as data, except bold centered)
  251.          Alignment        <TH ALIGN=LEFT|RIGHT|CENTER
  252.                               VALIGN=TOP|MIDDLE|BOTTOM>
  253.          No Linebreaks    <TH NOWRAP>
  254.          Columns to Span  <TH COLSPAN=?>
  255.          Rows to Span     <TH ROWSPAN=?>
  256. N1.1     Desired Width    <TH WIDTH=?>     (in pixels)
  257. N1.1     Width Percent    <TH WIDTH="%">     (percentage of table)
  258. N3.0b    Cell Color       <TH BGCOLOR="#$$$$$$">
  259.        Table Caption    <CAPTION></CAPTION>
  260.          Alignment        <CAPTION ALIGN=TOP|BOTTOM>   (above/below table)
  261.  
  262.  
  263. FRAMES  (define and manipulate specific regions of the screen)
  264. ---------------------------------------------------------------------------
  265. N2.0   Frame Document   <FRAMESET></FRAMESET>           (instead of <BODY>)
  266. N2.0     Row Heights      <FRAMESET ROWS=,,,></FRAMESET>      (pixels or %)
  267. N2.0     Row Heights      <FRAMESET ROWS=*></FRAMESET>  (* = relative size)
  268. N2.0     Column Widths    <FRAMESET COLS=,,,></FRAMESET>      (pixels or %)
  269. N2.0     Column Widths    <FRAMESET COLS=*></FRAMESET>  (* = relative size)
  270. N3.0b    Borders          <FRAMESET FRAMEBORDER="yes|no">
  271. N3.0b    Border Width     <FRAMESET BORDER=?>
  272. N3.0b    Border Color     <FRAMESET BORDERCOLOR="#$$$$$$">
  273. N2.0   Define Frame     <FRAME>           (contents of an individual frame)
  274. N2.0     Display Document <FRAME SRC="URL">
  275. N2.0     Frame Name       <FRAME NAME="***"|_blank|_self|_parent|_top>
  276. N2.0     Margin Width     <FRAME MARGINWIDTH=?>    (left and right margins)
  277. N2.0     Margin Height    <FRAME MARGINHEIGHT=?>   (top and bottom margins)
  278. N2.0     Scrollbar?       <FRAME SCROLLING="YES|NO|AUTO">
  279. N2.0     Not Resizable    <FRAME NORESIZE>
  280. N3.0b    Borders          <FRAME FRAMEBORDER="yes|no">
  281. N3.0b    Border Color     <FRAME BORDERCOLOR="#$$$$$$">
  282. N2.0   Unframed Content <NOFRAMES></NOFRAMES>     (for non-frames browsers)
  283.  
  284.  
  285. JAVA
  286. ---------------------------------------------------------------------------
  287.        Applet           <APPLET></APPLET> 
  288.          File Name        <APPLET CODE="***"> 
  289.          Parameters       <APPLET PARAM NAME="***"> 
  290.          Location         <APPLET CODEBASE="URL"> 
  291.          Identifier       <APPLET NAME="***">        (for references)
  292.          Alt Text         <APPLET ALT="***">         (for non-Java browsers) 
  293.          Alignment        <APPLET ALIGN="LEFT|RIGHT|CENTER"> 
  294.          Size             <APPLET WIDTH=? HEIGHT=?>  (in pixels) 
  295.          Spacing          <APPLET HSPACE=? VSPACE=?> (in pixels) 
  296.  
  297.  
  298. MISCELLANEOUS
  299. ---------------------------------------------------------------------------
  300.        Comment          <!-- *** -->       (not displayed by the browser)   
  301.        Prologue         <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
  302.        Searchable       <ISINDEX>          (indicates a searchable index)   
  303.         Prompt           <ISINDEX PROMPT="***">    (text to prompt input)
  304.        Send Search      <A HREF="URL?***"></a>  (use a real question mark) 
  305.        URL of This File <BASE HREF="URL">  (must be in header)   
  306. N2.0   Base Window Name <BASE TARGET="***">(must be in header)
  307.        Relationship     <LINK REV="***" REL="***" HREF="URL">  (in header)
  308.        Meta Information <META>             (must be in header)
  309.        Style Sheets     <STYLE></STYLE>    (not widely supported yet)
  310.        Scripts          <SCRIPT></SCRIPT>  (not widely supported yet)
  311.  
  312.  
  313.  
  314.  
  315.  
  316. ===========================================================================
  317. Copyright (c) 1995, 1996 Kevin Werbach.  Noncommercial redistribution is
  318. permitted.  This Guide is not a product of Bare Bones Software.  Contact the 
  319. author for more information.
  320.  
  321.  
  322. ---------------------------------------------------------------------------
  323. My thanks to Kevin Werbach for allowing this excellent reference to be
  324. included as a part of these tutorials.  -Joe Barta
  325.  
  326.