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> |