A Simple Guide To HTML
 By Robert Duncan
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
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
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!!
---
Any Questions or Comments? E-Mail me!
emailMe
rhduncan@hotmail.com
---
http://www.htmlguide.webhop.net Copyright © 1999 Robert Duncan