A Simple Guide To HTML                William Gravert, Hofstra University, wgravert@liu.edu                     
   By Robert Duncan  --   http://www.alphalink.com.au/~rhduncan/htmlguide/cheatsheet.html

HTML Cheat Sheet | Back to the Main Guide |

Essential Tags  

<HTML>
<HEAD>
<TITLE>Web Site Title</TITLE>
</HEAD>
<BODY>
Contents of Web Site
</BODY>
</HTML>

 

Background and Colour Tags | Colour Codes |

 
<BODY> Tag Attributes
   BACKGROUND="url " Background Image
   BGCOLOR="#??????" Background Colour
   TEXT="#??????" Document Text Colour
   LINK="#??????" Link Colour
   VLINK="#??????" Visited Link Colour
   ALINK="#??????" Active Link Colour
   BGPROPERTIES="FIXED" Background Properties - "Fixed" to obtain a watermark type background
   LEFTMARGIN="?" Side Margin Size in Pixels (Internet Explorer)
   TOPMARGIN="?" Top Margin Size in Pixels (Internet Explorer)
   MARGINWIDTH="?" Side Margin Size in Pixels (Netscape Navigator)
   MARGINHEIGHT="?" Top and Bottom Margin Size in Pixels (Netscape Navigator)

 

Text Formatting Tags | Top | Main Guide |

 
<H?></H?> Quick Header - Sizes 1 (largest) to 6 (smallest).
<B></B> Bold Text
<I></I> Italic Text
<U></U> Underline Text
<CENTER></CENTER> Centre
<STRIKE></STRIKE> Strikeout
<SUB></SUB> Subscript - Smaller text placed below normal text
<SUP></SUP> Superscript - Smaller text placed above normal text
<FONT> Tag Attributes  
   COLOR="#??????" Font Colour - Use Hex colour codes to replace question marks
   SIZE="?" Font Size: 1 (smallest) to 7 (largest)
   SIZE="+/-?" Font Size change - with respect to the text preceding it
   POINT-SIZE="?" Font Point Size (Netscape Navigator)
   FACE="***" Font Face (or just font) eg. Arial etc.
<TT></TT> Typewriter Text
<PRE></PRE> Preformatted Text
<BLOCKQUOTE></BLOCKQUOTE>    Block Quote
<EM></EM> Emphasis - Shown in italics on most browsers
<STRONG></STRONG> Strong - Shown in bold on most browsers

 

Section Division Tags | Top | Main Guide |

 
<P></P> Paragraph - Closing tag not usually required
<BR> Line Break - (Carriage Return)
<DIV></DIV> Division/Section - Also Alignment: ALIGN="LEFT, CENTER, RIGHT,JUSTIFY"
<HR> Tag Attributes  
   SIZE="?" Line Thickness in pixels
   WIDTH="?" Line Width in pixels
   WIDTH="??%" Line Width as a percentage
   COLOR="#??????" Line Colour
   NOSHADE No 3D Cut-out
   ALIGN="***" Alignment: LEFT, CENTER, RIGHT
<NOBR></NOBR> No Line breaks

 

Graphics Tags | Top | Main Guide |

 
<IMG> Tag Attributes  
   SRC="url." Name and url of image
   ALIGN="***" Image Alignment
   WIDTH="??" Image Width (in pixels or %)
   HEIGHT="??" Image Height (in pixels of %)
   ALT="text " Alternate Text
   LOWSRC="url " Low Res Image name and url
   BORDER="?" Border Thickness in pixels
   VSPACE="?" Space above and below Image (in pixels)
   HSPACE="?" Space on sides of Image (in pixels)

 

Linking Tags | Top | Main Guide |

 
<A> Tag Attributes
   HREF="url " Location of page to link to.
   TARGET="***" Target for Link: _SELF, _PARENT, _BLANK, _TOP. Note: the _ (underscore) is needed!
   NAME="name " Name of a specific section on the page
   HREF="url#name" Link to a specific part in another Page

 

List Tags | Top | Main Guide |

 
<OL></OL> Ordered List
<LI> Ordered List Item
<OL> and <LI> Tag Attributes
   TYPE="?" List Type: A, a, I, i, 1
   OL - START="?" List Starting Value
   LI - VALUE="?" List Item Value
<UL></UL> Un-Ordered List
<LI> Un-Ordered List Item
<UL> and <LI> Tag Attributes
   TYPE="?" List Type: DISC, CIRCLE, SQUARE

 

Table Tags | Top | Main Guide |

 
<TABLE> - Table - Tag Attributes
   BORDER="?" Border Thickness in pixels
   BORDERCOLOR="#??????" Border Colour
   CELLPADDING="?" Space between inside line of cell and text
   CELLSPACING="?" Space between inside and outside line of 2 adjacent cell borders
   WIDTH="?" Table width (pixels or %)
   HEIGHT="?" Table Height (pixels or %)
   BACKGROUND="url " Background Image
   BGCOLOR="#??????" Background Colour
   TEXT="#??????" Document Text Colour
   LINK="#??????" Link Colour
   VLINK="#??????" Visited Link Colour
   ALINK="#??????" Active Link Colour
   ALIGN="?" Horizontal Alignment: LEFT, CENTER, RIGHT
<TR> - Table Row - Tag Attributes
   ALIGN="?" Horizontal Alignment: LEFT, CENTER, RIGHT
   VALIGN="?" Vertical Alignment: TOP, MIDDLE, BOTTOM
<TD> - Table Cell - Tag Attributes
   WIDTH="?" Cell width (pixels or %)
   HEIGHT="?" Cell height (pixels or %)
   BACKGROUND="url " Background Image
   BGCOLOR="#??????" Background Colour
   TEXT="#??????" Document Text Colour
   LINK="#??????" Link Colour
   VLINK="#??????" Visited Link Colour
   ALINK="#??????" Active Link Colour
   ALIGN="?" Horizontal Alignment: LEFT, CENTER, RIGHT
   VALIGN="?" Vertical Alignment: TOP, MIDDLE, BOTTOM
   COLSPAN="?" Number of columns the cell spans across
   ROWSPAN="?" Number of rows a particular cell spans
   NOWRAP No line breaks in that particular cell

 

Frame Tags | Top | Main Guide |

 
<FRAMESET> Tag Attributes
   ROWS="??,??,??..." Row Sizes (Number of Rows)
   COLS="??,??,??..." Column Thicknesses
   BORDER="?" Border Thickness (In Pixels)
   FRAMEBORDER="?" Frame Border: 1, 0 (Yes or No)
   FRAMESPACING="?" Spacing Between Frames
   BORDERCOLOR="#??????" Colour Of Border
<FRAME> - Individual Frame - Tag Attributes
   SRC="url " Location of HTML File for a frame
   NAME="***" Name of frame window
   MARGINWIDTH="?" Horizontal Margin Spacing of Frame (In Pixels)
   MARGINHEIGHT="?" Vertical Margin Thickness of Frame (In Pixels)
   SCROLLING="?" Frame Scrolling: YES, NO, AUTO
   NORESIZE Declare Frame to Be a Fixed Size
   FRAMEBORDER="?" Frame Border: 1, 0 (Yes or No)
   BORDERCOLOR="?" Border Colour
<NOFRAMES></NOFRAMES> Unframed Content

 

Form Tags | Top | Main Guide |

 
<FORM> Tag Attributes
   ACTION="url " URL of Form Script
   METHOD="***" Method of Form: GET, POST
   ENCTYPE="***" For File Upload: ENCTYPE="multipart/form-data"
<INPUT> Tag Attributes
   TYPE="***" Input Field Type: TEXT, PASSWORD, CHECKBOX, RADIO, FILE, BUTTON, IMAGE, HIDDEN, SUBMIT, RESET
   NAME="***" Form Field Name
   VALUE="***" Value of Field
   SIZE="?" Field Size
   MAXLENGTH="?" Maximum Input Length of Field
   CHECKED Check Checkbox or Radio Button
<BUTTON> Tag Attributes
   TYPE="***" Button Type: SUBMIT, RESET, BUTTON
   NAME="***" Button Name
   VALUE="***" Label on Button
   SIZE="?" Button Size
<SELECT> Tag Attributes
   NAME="***" Drop Down Combo-Box Name
   SIZE="?" No Of Selectable Options
   MULTIPLE Allow Multiple Choice
<OPTION> Tag Attributes
   SELECTED Default Selected Option
   VALUE="***" Option Value
<TEXTAREA> Tag Attributes
   ROWS="?" Number of Rows
   COLS="?" Number of Columns (Characters per Row)
   NAME="***" Text Area Name
   WRAP="***" Word Wrapping: OFF, HARD, SOFT

 

Special Character Tags | Top | Main Guide |

 
&#?; Special Character - Replace ? with ISO Code
&LT; <
&GT; >
&AMP; &
&QUOT; "
&nbsp; A Space (non-breaking space)
&COPY; © - Copyright Symbol
&REG; ® - Registered TM

 

Miscellaneous Tags | Top | Main Guide |

 
<!-- *** --> Comment
<A HREF="mailto:name@server.com?SUBJECT=subject of email">
<META> Tag Attributes
   NAME="***" META Name: description, keywords, author
   HTTP-EQUIV="***" HTTP Equivalent Information: title, etc.
   CONTENT="***" Contents of Meta Tag
<LINK> Tag Attributes
   REL="***" Defines Forward Relationship
   REV="***" Defines Reverse Relationship
   HREF="url" Location of object or file being linked
   TYPE="***" Type of Relationship object or file
   TITLE="***" Name of Relationship (Not Neccessary)
<BLINK></BLINK> Blinking text
DIR="?" Text Direction Attribute for most tags (LTR, RTL)
<!DOCTYPE HTML PUBLIC> Prologue (Description of File)

 

JavaScript | Top | Main Guide |

 
<SCRIPT> Tag Attributes
   LANGUAGE="***" Script Language (eg. "JavaScript 1.1")
   SRC="url " Script Source
   TYPE="***" Script Type
<NOSCRIPT></NOSCRIPT> If Scripts are not supported
SCRIPT Under Construction!!

 

Java Applets | Top | Main Guide |

 
<APPLET> Tag Attributes
   PARAM NAME="***" Name of Parameter in Applet
   CODE="***" Applet Code
   CODEBASE="url " Applet Code Source
   NAME="***" Applet Name
   ALT="***" Alternate Text for Applet
   ALIGN="***" Applet Alignment
   WIDTH="?" Applet Window Width in pixels
   HEIGHT="?" Applet Window Height (also in pixels)
   VSPACE="?" Top And Bottom Margin Width
   HSPACE="?" Side Margin Width
APPLET Under Construction!!

 

Style Sheets | Top | Main Guide |

 
<STYLE> Tag Attributes
   TYPE="***" Style Type (eg "text/css")
   LANG="***" Language of Style
STYLES Under Construction!!

 

Dynamic HTML | Top | Main Guide |

 
DHTML Under Construction!!

Copyright © 1999 Robert Duncan