The Web Pirates Home Page Frequently Asked Questions And Answers Some Of My Graphics And Web Designs Free Tutorials, Helps and News Free Software And Program Downloads Free Graphics And Design Tips Check Out My Low And Discount Price List Logo Banners And Link Information Email The Web Pirate Your Design Questions
Home Page Some FAQ's My Work Free Tutorial Free Stuff Free Graphics My Prices My Logos Email Me

HTML: A Quick Reference Guide

     This page is a list of terms and definitions, most of this was copied from the book

teach yourself Web Publishing with HTML 3.0 in a week
Second Edition
By Laura Lemay
Copyrighted © '96 by Sams.net Publishing

    I have tried to clarify some of the explanations. If you find any errors in this text you can blame me for not being a very good typist. The spots in the tags indicated with _____ are where other information should be entered. Also keep in mind all most all tags have an open < _____ > and a close </ _____ > (indicated by a slash mark). If one doesn't appear with these tags on this page then they are part of the tag above them that has an open and close included with it.

INDEX;
  Structure Tags;  Headings and Titles;  Paragraphs;  Links;  Lists;  Character Formatting;  Other Elements;  Images;  Forms;  Tables;

Structure Tags;

<! _____ >
    
Creates a comment.

<HTML> _____ </HTML>
    
Encloses the entire HTML document (First and last thing on any document written in HTML).

<HEAD> _____ </HEAD>
    
Encloses the head of the HTML document (your META Tags and TITLE go here, along with other information that will not be seen by the user).

<BODY> _____ </BODY>
    
Encloses the body (text and tags) of the HTML document.

<ISINDEX>
    
Indicates the document is a gateway script that allows searches.

Headings and Titles;

<H#> _____ </H#1>
    
Headings # from 1 through 6 (<H1> is the largest, <H6> is the smallest).
<TITLE> _____ </TITLE>
    
The title of the document (this will appear in the space at the top of the browser window and will be read by people looking at your page and noticed by search engines).

Paragraphs;

<P> _____ </P>
    
A plain paragraph (the </P> is optional and not required to close the paragraph).

Links;

<A> _____ </A>
    
Creates a link or anchor (such as <A HREF= "URL of this Page").

HREF=" _____ "
    
The URL of the document to be link to this one.

NAME= _____
    
The name of the anchor.

Lists;

<OL> _____ </OL>
    
An ordered (numbered) list.

<UL> _____ </UL>
    
An unordered (bulleted) list.

<MENU> _____ </MENU>
    
A menu of list items.

<DIR ____ </DIR>
    
A directory listing.

<LI>
    
An item inside a list.

<DL> _____ </DL>
    
A definition or glossary list.

<DT>
    
A definition term.

<DD>
    
The corresponding definition to a definition term.

Character Formatting;

<EM> _____ </EM>
    
Emphasis (usually italic).

<STRONG> _____</STRONG>
    
Stronger emphasis (usually bold).

<CODE> _____ </CODE>
    
Code sample (usually Courier).

<KDB> _____ </KDB>
    
Text to be typed (usually Courier).

<VAR> _____ </VAR>
    
A variable or placeholder for some other value.

<SAMP> _____ </SAMP>
    
Sample text.

<DFN> _____ </DFN>
    
(Proposed) A definition of a term.

<CITE> _____</CITE>
    
A citation.

<B> _____ </B>
     Boldface text.

<I> _____ </I>

     Italic text.

<TT> _____ </TT>

     Typewriter font.

Other Elements;

<HR>
    
A horizontal line.

<BR>
    
A line break.

<BLOCKQUTE> _____ </BLOCKQUOTE>
    
Used for long quotes or citations.

ADDRESS> _____ </ADDRESS>
    
Signatures or general information about a document's author.

<FONT> _____ </FONT>
    
Designate the style and size of type face for the enclosed text.

FACE=" _____ "
    
Style of font.

SIZE=" _____ "
    
Size of font, from 1 to 7. Example this is;<FONT SIZE="3">.

<BASEFONT>
    
Sets the default style and size of font for the current page (it can contain FACE and SIZE).

Images;

<IMG>
    
Inserts an inline image into the document.

ISMAP
    
This image is a click able image map.

SRC=" _____ "
    
The URL of the image.

ALT=" _____ "
    
A text string that will display in browsers that don't support images.

ALIGN=" _____ "
    
Determines the alignment of the given image.

VSPACE=" _____ "
    
The space between the image and the text above or below it.

HSPACE=" _____ "
    
The space between the image and the text to it's right or left.

Forms;

<FORM> _____ </FORM>
    
Indicates a form.

ACTION=" _____ "
    
The URL of the script to process this form.

METHOD=" _____ "
    
How the form input will be sent to the script on the server side (possible values are GET and POST).

ENCRYPT=" _____ "
    
Only one value right now, application / x - www - form - urlencoded.

<INPUT>
    
An input widget for a form.

TYPE=" _____ "
    
The type for this input widget (possible values are CHECKBOX, HIDDEN, RADIO, RESET, SUBMIT, TEXT, or IMAGE).

NAME=" _____ "
    
The name of this item, as passed to the gateway script as part of a name/value pair.

VALUE=" _____ "
    
For a text or hidden widget, the default value. For a checkbox or radio button, the value to be submitted with the form. For Reset or Submit buttons the label for the button itself.

SRC=" _____ "
    
The source file for an image.

CHECKED
    
For checkboxes and radio buttons, indicates that the widget is checked.

SIZE=" _____ "
    
The size, in characters, of a text widget.

MAXLENGTH=" _____ "
    
The maximum number of characters that can be entered into a text widget (can not exceed 1024 characters).

ALIGN=" _____ "
    
For images in forms, determines how the text and image will align (same as with the <IMG> tag).

<TEXTAREA> _____ </TEXTAREA>
    
Indicates a multi line text entry widget.

NAME=" _____ "
    
The name to be passed to the gateway script as part of the name/value pair.

ROWS=" _____ "
    
The number of rows to this text area displays (to the user).

COLS=" _____ "
    
The number of columns (characters) this text area displays (to the user).

<SELECT> _____ </SELECT>
    
Creates a menu or scrolling list of possible items.

NAME=" _____ "
    
The name that is passed to the CGI script as part of the name/value pair.

SIZE=" _____ "
    
The number of elements to display.

MULTIPLE
    
Allows multiple selections from the list.

<OPTION>
    
Indicates an item within a <SELSCT> widget.

SELECTED
    
With this attribute included, the <OPTION> will be selected by default in the list.

VALUE=" _____ "
    
The value to submit if this <OPTION> is selected when the form is submitted.

Tables;

<TABLE> _____ </TABLE>
    
Creates a table.

BORDER=" _____ "
    
Indicates whether the table should be drawn with or without a border.

<CAPTION> _____ </CAPTION>
    
The caption for the table.

ALIGN=" _____ "
    
The position of the caption. Possible values are TOP and BOTTOM.

<TR> _____ </TR>
    
A table row.

ALIGN=" _____ "
    
The horizontal alignment of the contents of the cells within this row. Possible values are LEFT, RIGHT, CENTER.

VALIGN=" _____ "
    
The vertical alignment of the contents of the cells within this row. Possible values are TOP, MIDDLE, BOTTOM, AND BASELINE (Netscape only).

<TH> _____ </TH>
    
A table heading cell.

<TD> _____ </TD>
    
Defines a table data cell.

ALIGN=" _____ "
    
The horizontal alignment of the contents of the cell.

VALIGN=" _____ "
    
The vertical alignment of the contents of the cell.

ROWSPAN=" _____ "
    
The number of rows this cell will span.

COLSPAN=" _____ "
    
The number of columns this cell will span.

NOWRAP
    
Do not automatically wrap the contents of this cell.



All content copyrighted © '99 & '00
The Web Pirate KC Crane
https://members.tripod.com/the_web_pirate/
Design Credentials
Search Engines
Home Page Some FAQ's My Work Free Tutorial Free Stuff Free Graphics My Prices My Logos Email Me