Worlds Worst Website - HTML Quick Reference

STRUCTURE TAGS
HTML Document	<HTML>your website code</HTML>
Title for Bookmark	<TITLE>page title</TITLE>
Header Section	<HEAD>header tags</HEAD>
Body Section	<BODY>the body of the website </BODY>
Document Type	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">

HEADINGS
Heading level 1 thru Heading level 6	<H1>text</H1> <H6>text</H6>

FORMATTING
Division	<DIV>divider format</DIV>
Block Quote (indented)	<BLOCKQUOTE>quoted text</BLOCKQUOTE>
Citation (italics)	<CITE>quote</CITE>
Variable	<VAR> </VAR>
Author's Address	<ADDRESS>text</ADDRESS>
Align a Tag	<ALIGN=Left\|Center\|Right>
Bold	<B>text</B>
Strong (in bold)	<STRONG>text</STRONG>
Emphasis (in italics)	<EM> text</EM>
Italic	<I>text</I>
Underline (seldom used, not hyperlink)	<U>text</U>
Subscript	<SUB>text</SUB>
Superscript	<SUP>text</SUP>
Typewriter	<TT>text</TT>
Preformatted (as is)	<PRE>text</PRE>
Center (text & images)	<CENTER>text or image url</CENTER>

FONTS
Font Sizes 1 - 7	<FONT SIZE=?>text</FONT>
Font Color in RGB code	<FONT COLOR="#code">text</FONT>
Select Font Type	<FONT FACE="font name"></FONT>
Large Font Size	<BIG>text</BIG>
Small Font Size	<SMALL>text</SMALL>
Spacer	<SPACER>
Spacer Type	<SPACER TYPE=Horizontal\| Vertical\|Block>
Spacer Size	<SPACER SIZE=in pixles>
Spacer Dimensions	<SPACER WIDTH=in pixelsHEIGHT=in pixels>
Spacer Alignment	<SPACER ALIGN=Left\|Right\|Center> LINKS TAGS
Link to Begin of page	<A HREF="URL">url</A>
Link to Spot in page	<A HREF="URL#anchor name">text</A>
Link to Spot in this page	<A HREF="#anchor name">text</A>
Name a Spot in page	<A NAME="text">text</A>
Target window frame	<A HREF="URL" TARGET="***\| _blank\|_self\|_parent\|_top"></A>

GRAPHICS
Display Image	<IMG SRC="path to image in web folder">
Align Image	<IMG SRC="URL" ALIGN=Top\|Bottom\|Middle\|Left\|Right>
Align with Text	<IMG SRC="URL" ALIGN=Texttop\|Absmiddle\|Baseline\|Absbottom>
Alternative Text	<IMG SRC="URL" ALT="image description">
Dimension in pixels	<IMG SRC="URL" WIDTH=? HEIGHT=?>
Image Border	<IMG SRC="URL" BORDER=size in pixels>
Low-Res Image	<IMG SRC="URL" LOWSRC="URL">
Imagemap (needs script)	<IMG SRC="URL" ISMAP>
Client-Side	<IMG SRC="URL" USEMAP="URL">
Map Description	<MAP NAME="***"></MAP>
Map Sections	<AREA SHAPE="RECT" COORDS=",,," HREF="URL"\|NOHREF>
Client Pull	<META HTTP-EQUIV="Refresh" CONTENT="? URL=URL”>
Embed Object in page	<EMBED SRC="URL">
Object Size in pixels	<EMBED SRC="URL" WIDTH=? HEIGHT=?>

DIVIDERS
Paragraph	<P>text</P>
Paragraph Align	<P ALIGN=Left\|Center\|Right>
Line Break	<BR>
Clear wrap	<BR CLEAR=Left\|Right\|All>
Word Break	<WBR>
No Break	<NOBR>text</NOBR>
Horizontal Rule	<HR>
HR Alignment	<HR ALIGN=Left\|Right\|Center>
HR Thickness in pixels	<HR SIZE=?>
HR Width in pixels or &	<HR WIDTH=?>
HR Solid Line (not 3D)	<HR NOSHADE>
Comment	<!- text -> LISTS TAGS
Unordered List	<UL> </UL>
Bullet Type	<UL TYPE=Disc\|Circle\|Square>
Ordered List	<OL> </OL>
Number Type	<OL TYPE=A\|a\|I\|i\|1>
Starting No.	<OL START=?>
Menu List	<MENU>menu items</MENU>
Directory List	<DIR>directory items</DIR>
Compact a List	<listtype COMPACT>
Each List Item	<LI>
Definition List	<DL> </DL>
Definition Term	<DT>
Definition Defined	<DD>

COLORS
Text Color in RGB	<BODY TEXT="#color code">
Link Color in RGB	<BODY LINK="#color code">
Visited Link in RGB	<BODY VLINK="#color code">
Active Link in RBG	<BODY ALINK="#color code">
Bkground Color in RGB	<BODY BGCOLOR="#color code">
Bkground Graphic	<BODY BACKGROUND="path to image">

HTML Color Codes: (Click for larger)


FORMS
Define Form	<FORM >form components</FORM>
Script file	<FORM ACTION="URL">
Method of Sending	<FORM METHOD=GET\|POST>
File Upload	<FORM ENCTYPE="multipart/form-data">
Input Field Type	<INPUT TYPE="Text\|Password\|Checkbox\|Radio\|Image\|Hidden\|Submit\|Reset">
Input Field Name	<INPUT NAME="descriptive, no spaces">
Input Field Value	<INPUT VALUE="default value">
Input Checked?	<INPUT CHECKED>
Input Field Size in Char.	<INPUT SIZE=?>
Input Max Length in Char.	<INPUT MAXLENGTH=?>
Selection List	<SELECT>list</SELECT>
Select List Name	<SELECT NAME="***">
Select # of Options	<SELECT SIZE=?>
Select Multiples	<SELECT MULTIPLE>
Option Items in a Select	<OPTION>
Option Default	<OPTION SELECTED>
Text Multi-line Box	<TEXTAREA>text</TEXTAREA>
# Rows in Text Box	<TEXTAREA ROWS=?>
# Columns in Text Box	<TEXTAREA COLS=?>
Name of Text Box	<TEXTAREA NAME="***">
Wrap Text	<TEXTAREA WRAP=Off\|Virtual\|Physical > SPECIAL CHARACTERS TAGS (lower case)

TABLES
Define Table	<TABLE>table and contents</TABLE>
Table Border	<TABLE BORDER=size in pixels>
Cell Spacing	<TABLE CELLSPACING=space between cells, in pixels>
Cell Padding	<TABLE CELLPADDING=space between cell border and contents, in pixels>
Table Width in pixels or %	<TABLE WIDTH=?>
Table Row	<TR>row</TR>
Row Alignment	<TR ALIGN=Left\|Right\|Center\|Middle\|Bottom
Row Vertical Align	<TR VALIGN=Top\|Bottom\|Middle>
Table Data in a row	<TD></TD>
Data Alignment	<TD ALIGN=Left\|Right\|Center\|Middle\|Bottom
Data Vertical Align	<TD VALIGN=Top\|Bottom\|Middle>
No linebreak	<TD NOWRAP>
Column Span	<TD COLSPAN=?>
Row Span	<TD ROWSPAN=?>
Data Width in pixels or %	<TD WIDTH=?>
Data Color in RGB	<TD BGCOLOR="#......">
Table Header in a row	<TH></TH>
Header Alignment	<TH ALIGN=Left\|Right\|Center\|Middle\|Bottom
Header Vertical Align	<TH VALIGN=Top\|Bottom\|Middle>
No Linebreak	<TH NOWRAP>
Column Span	<TH COLSPAN=?>
Row Span	<TH ROWSPAN=?>
Header Width in pixel or %	<TH WIDTH=?>
Header Color in RGB	<TH BGCOLOR="#......">
Table Caption	<CAPTION>text</CAPTION>
Caption Alignment	<CAPTION ALIGN=Top\|Bottom>

FRAMES TAGS
Frame document (instead of Body)	<FRAMESET> </FRAMESET>
Row Height in pixels or %	<FRAMESET ROWS=?>
Row Height in relative size	<FRAMESET ROWS=*>
Col. Width in pixels or %	<FRAMESET COLS=?>
Col. Width in relative size	<FRAMESET COLS=*>
Borders	<FRAMESET FRAMEBORDER="Yes\|No">
Border Width	<FRAMESET BORDER=?>
Border Color in RGB	<FRAMESET BORDERCOLOR="#......">
Define Individual Frame	<FRAME>
Display Document	<FRAME SRC="URL">
Frame Name	<FRAME NAME="***"\|_blank\|_self\| _parent\|_top>
Margin Width (left & right)	<FRAME MARGINWIDTH=?>
Margin Height (top & bott)	<FRAME MARGINHEIGHT=?>
Scrollbar	<FRAME SCROLLING="Yes\|No\|Auto">
Not Resizable	<FRAME NORESIZE>
Borders	<FRAME FRAMEBORDER="Yes\|No">
Border Color in RGB	<FRAME BORDERCOLOR="#......">
Unframed Content	<NOFRAMES> </NOFRAMES>

JAVA
Applet	<APPLET>code</APPLET>
Applet File Name	<APPLET CODE="***">
Parameters	<APPLET PARAM NAME="***">
Applet Location	<APPLET CODEBASE="URL">
Applet Identifier	<APPLET NAME="***">
Alternative	<APPLET ALT="***">
Alignment	<APPLET ALIGN="Left\|Right\|Center">
Applet Size in pixels	<APPLET WIDTH=? HEIGHT=?>
Spacing in pixels	<APPLET HSPACE=? VSPACE=?>

JAVASCRIPT
JavaScript	<SCRIPT Language="JavaScript">code</SCRIPT>
Source file	<SCRIPT SRC="URL">

OTHER:
Comment	<!-- text -->
Comment	<COMMENT>text</COMMENT>
Index Search	<ISINDEX>
Meta Information in Head	<META>
Style Sheets - new	<STYLE>style tags</STYLE>

Save / Print this list: html-tags.pdf