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