Thaneweb.com - Teensworld - Tutorial - The Bare Bones Guide to HTML

THE BARE BONES GUIDE TO HTML

The Bare Bones Guide to HTML lists all the tags that current browsers are likely to recognize. We have included all the elements in the official HTML 4.0 recommendation with common attributes, as well as Netscape and Microsoft extensions. This document is a quick reference, not a complete specification; for official information about HTML and its development, see the World Wide Web Consortium site at http://www.w3.org/MarkUp/.

The Guide is designed to be as concise as possible, and therefore it doesn't go into any detail about how to use the various tags.

Table of Contents

HTML TAGS
Basic elements structural
Definition
Presentation formatting
Links, Graphics, and Sounds
Positioning
Dividers
Lists
Backgrounds and Colors
Special characters
Forms
Tables
Frames
Scripts and Java
Miscellaneous

BASIC ELEMENTS

Document Type <HTML></HTML> (beginning and end of file)

Title <TITLE></TITLE> (must be in header)

Header <HEAD></HEAD> (descriptive info, such as title)

Body <BODY></BODY> (bulk of the page)

STRUCTURAL DEFINITION

Heading <H?></H?>(the spec. defines 6 levels)

Align Heading <H? ALIGN=LEFT|CENTER|RIGHT></H?>

Division <DIV></DIV>

Align Division <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>

4.0 Defined Content <SPAN></SPAN>

Block Quote <BLOCKQUOTE></BLOCKQUOTE>

4.0 Quote <Q></Q>

4.0 Citation <Q CITE="URL"></Q>

Emphasis <EM></EM>

Strong Emphasis <STRONG></STRONG>

Citation <CITE></CITE>

Code <CODE></CODE>

Sample Output <SAMP></SAMP>

Keyboard Input <KBD></KBD>

Variable <VAR></VAR>

Definition <DFN></DFN>

Author's Address <ADDRESS></ADDRESS>

Large Font Size <BIG></BIG>

Small Font Size <SMALL></SMALL>

4.0 Insert <INS></INS>

4.0 Time of Change <INS DATETIME=":::"></INS>

4.0 Comments <INS CITE="URL"></INS>

4.0 Delete <DEL></DEL>

4.0 Time of Change <DEL DATETIME=":::"></DEL>

4.0 Comments <DEL CITE="URL"></DEL>

4.0 Acronym <ACRONYM></ACRONYM>

4.0 Abbreviation <ABBR></ABBR>

PRESENTATION FORMATTING

Bold <B></B>

Italic <I></I>

4.0* Underline <U></U>

Strikeout <STRIKE></STRIKE>

4.0* Strikeout <S></S>

Subscript <SUB></SUB>

Superscript <SUP></SUP>

Typewriter <TT></TT>

Preformatted <PRE></PRE>

Width <PRE WIDTH=?></PRE>

Center <CENTER></CENTER>

N1 Blinking <BLINK></BLINK>

Font Size <FONT SIZE=?></FONT>(ranges from 1-7)

Change Font Size <FONT SIZE="+|-?"></FONT>

Font Color <FONT COLOR="#$$$$$$"></FONT>

4.0* Select Font <FONT FACE="***"></FONT>

N4 Point size <FONT POINT-SIZE=?></FONT>

N4 Weight <FONT WEIGHT=?></FONT>

4.0* Base Font Size <BASEFONT SIZE=?>(from 1-7; default is 3)

MS Marquee <MARQUEE></MARQUEE>

POSITIONING

N3 Multi-Column <MULTICOL COLS=?></MULTICOL>

N3 Column Gutter <MULTICOL GUTTER=?></MULTICOL>

N3 Column Width <MULTICOL WIDTH=?></MULTICOL>

N3 Spacer <SPACER>

N3 Spacer Type <SPACER TYPE=HORIZONTAL|VERTICAL|BLOCK>

N3 Size <SPACER SIZE=?>

N3 Dimensions <SPACER WIDTH=? HEIGHT=?>

N3 Alignment <SPACER ALIGN=LEFT|RIGHT|CENTER>

N4 Layer <LAYER></LAYER>

N4 Name <LAYER ID="***"></LAYER>

N4 Location <LAYER LEFT=? TOP=?></LAYER>

N4 Rel. Position <LAYER PAGEX=? PAGEY=?></LAYER>

N4 Source File <LAYER SRC="***"></LAYER>

N4 Stacking <LAYER Z-INDEX=?></LAYER>

N4 Stack Position <LAYER ABOVE="***" BELOW="***"></LAYER>

N4 Dimensions <LAYER HEIGHT=? WIDTH=?></LAYER>

N4 Clipping Path <LAYER CLIP=,,,></LAYER>

N4 Visible? <LAYER VISIBILITY=SHOW|HIDDEN|INHERIT></LAYER>

N4 Background <LAYER BACKGROUND="$$$$$$"></LAYER>

N4 Color <LAYER BGCOLOR="$$$$$$"></LAYER>

N4 Inline Layer <ILAYER></ILAYER>

N4 Alt. Content <NOLAYER></NOLAYER>

§¿

LINKS, GRAPHICS, AND SOUNDS

Link Something <A HREF="URL"></A>

Link to Location <A HREF="URL#***"></A>

<A HREF="#***"></A>

4.0* Target Window <A HREF="URL" TARGET="***"></A>

4.0* Action on Click <A HREF="URL" ONCLICK="***"></A>

4.0* Mouseover Action <A HREF="URL" ONMOUSEOVER="***"></A>

4.0* Mouse out Action <A HREF="URL" ONMOUSEOUT="***"></A>

Link to Email <A HREF="mailto:@"></A>

N, MS Specify Subject <A HREF="mailto:@?SUBJECT=***"></A>

Define Location <A NAME="***"></A>

Display Image <IMG SRC="URL">

Alignment <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT>

N1 Alignment <IMG SRC="URL" ALIGN=TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM>

Alternate <IMG SRC="URL" ALT="***">

Dimensions <IMG SRC="URL" WIDTH=? HEIGHT=?>

<IMG SRC="URL" WIDTH=% HEIGHT=%>

Border <IMG SRC="URL" BORDER=?>

Runaround Space <IMG SRC="URL" HSPACE=? VSPACE=?>

N1 Low-Res Proxy <IMG SRC="URL" LOWSRC="URL">

Imagemap <IMG SRC="URL" ISMAP> (requires a script)

Imagemap <IMG SRC="URL" USEMAP="URL">

MS Movie Clip <IMG DYNSRC="***" START="***" LOOP=?>

MS Background Sound <BGSOUND SRC="***" LOOP=?|INFINITE>

Client-Side Map <MAP NAME="***"></MAP> (describes the map)

Map Section <AREA SHAPE="DEFAULT|RECT|CIRCLE|POLY" COORDS=",,," HREF="URL"|NOHREF>

N1 Client Pull <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">

N2 Embed Object <EMBED SRC="URL"> (insert object into page)

N2 Object Size <EMBED SRC="URL" WIDTH=? HEIGHT=?>

4.0 Object <OBJECT></OBJECT>

4.0 Parameters <PARAM>

DIVIDERS

Paragraph <P></P>

Align Text <P ALIGN=LEFT|CENTER|RIGHT></P>

N Justify Text <P ALIGN=JUSTIFY></P>

Line Break <BR>

Clear Textwrap <BR CLEAR=LEFT|RIGHT|ALL>

Horizontal Rule <HR>

Alignment <HR ALIGN=LEFT|RIGHT|CENTER>

Thickness <HR SIZE=?>

Width <HR WIDTH=?>

Width Percent <HR WIDTH="%">

Solid Line <HR NOSHADE>

N1 No Break <NOBR></NOBR>

N1 Word Break <WBR>

LISTS

Unordered List <UL><LI></UL>

Compact <UL COMPACT></UL>

Bullet Type <UL TYPE=DISC|CIRCLE|SQUARE>

Bullet Type <LI TYPE=DISC|CIRCLE|SQUARE>

Ordered List <OL><LI></OL>

Compact <OL COMPACT></OL>

Numbering Type <OL TYPE=A|a|I|i|1>

Numbering Type <LI TYPE=A|a|I|i|1>

Starting Number <OL START=?>

Starting Number <LI VALUE=?>

Definition List <DL><DT><DD></DL>

Compact <DL COMPACT></DL>

Menu List <MENU><LI></MENU>

Compact <MENU COMPACT></MENU>

Directory List <DIR><LI></DIR>

Compact <DIR COMPACT></DIR>

BACKGROUNDS AND COLORS

Tiled Bkground <BODY BACKGROUND="URL">

MS Watermark <BODY BGPROPERTIES="FIXED">

Bkground Color <BODY BGCOLOR="#$$$$$$">

Text Color <BODY TEXT="#$$$$$$">

Link Color <BODY LINK="#$$$$$$">

Visited Link <BODY VLINK="#$$$$$$">

Active Link <BODY ALINK="#$$$$$$">

SPECIAL CHARACTERS

Special Character &#?;

< <

> >

& &

" "

Registered TM ®

Registered TM ®

Copyright ©

Copyright ©

Non-Breaking Space  

FORMS

Define Form <FORM ACTION="URL" METHOD=GET|POST></FORM>

4.0* File Upload <FORM ENCTYPE="multipart/form-data"></FORM>

Input Field <INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO| FILE|BUTTON|IMAGE|HIDDEN|SUBMIT|RESET">

Field Name <INPUT NAME="***">

Field Value <INPUT VALUE="***">

Checked? <INPUT CHECKED>

Field Size <INPUT SIZE=?>

Max Length <INPUT MAXLENGTH=?>

4.0 Button <BUTTON></BUTTON>

4.0 Button Name <BUTTON NAME="***"></BUTTON>

4.0 Button Type <BUTTON TYPE="SUBMIT|RESET|BUTTON"></BUTTON>

4.0 Default Value <BUTTON VALUE="***"></BUTTON>

4.0 Label <LABEL></LABEL>

4.0 Item Labelled <LABEL FOR="***"></LABEL>

Selection List <SELECT></SELECT>

Name of List <SELECT NAME="***"></SELECT>

# of Options <SELECT SIZE=?></SELECT>

Multiple Choice <SELECT MULTIPLE>

Option <OPTION>

Default Option <OPTION SELECTED>

Option Value <OPTION VALUE="***">

4.0 Option Group <OPTGROUP LABEL="***"></OPTGROUP>

Input Box Size <TEXTAREA ROWS=? COLS=?></TEXTAREA>

Name of Box <TEXTAREA NAME="***"></TEXTAREA>

N2 Wrap Text <TEXTAREA WRAP=OFF|HARD|SOFT></TEXTAREA>

4.0 Group elements <FIELDSET></FIELDSET>

4.0 Legend <LEGEND></LEGEND>

4.0 Alignment <LEGEND ALIGN="TOP|BOTTOM|LEFT|RIGHT"></LEGEND>

TABLES

Define Table <TABLE></TABLE>

4.0* Table Alignment <TABLE ALIGN=LEFT|RIGHT|CENTER>

Table Border <TABLE BORDER></TABLE>

Table Border <TABLE BORDER=?></TABLE>

Cell Spacing <TABLE CELLSPACING=?>

Cell Padding <TABLE CELLPADDING=?>

Desired Width <TABLE WIDTH=?>

Width Percent <TABLE WIDTH=%>

4.0* Table Color <TABLE BGCOLOR="$$$$$$"></TABLE>

4.0 Table Frame <TABLE FRAME=VOID|ABOVE|BELOW|HSIDES|LHS|RHS| VSIDES|BOX|BORDER></TABLE>

4.0 Table Rules <TABLE RULES=NONE|GROUPS|ROWS|COLS|ALL></TABLE>

MS Border Color <TABLE BORDERCOLOR="$$$$$$"></TABLE>

MS Dark Border <TABLE BORDERCOLORDARK="$$$$$$"></TABLE>

MS Light Border <TABLE BORDERCOLORLIGHT="$$$$$$"></TABLE>

Table Row <TR></TR>

Alignment <TR ALIGN=LEFT|RIGHT|CENTER|MIDDLE|BOTTOM>

Table Cell <TD></TD>

Alignment <TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>

No linebreaks <TD NOWRAP>

Columns to Span <TD COLSPAN=?>

Rows to Span <TD ROWSPAN=?>

4.0* Desired Width <TD WIDTH=?>

N3 Width Percent <TD WIDTH="%">

4.0* Cell Color <TD BGCOLOR="#$$$$$$">

Header Cell <TH></TH>

Alignment <TH ALIGN=LEFT|RIGHT|CENTER|MIDDLE|BOTTOM>

No Linebreaks <TH NOWRAP>

Columns to Span <TH COLSPAN=?>

Rows to Span <TH ROWSPAN=?>

4.0* Desired Width <TH WIDTH=?>

N3 Width Percent <TH WIDTH="%">

4.0* Cell Color <TH BGCOLOR="#$$$$$$">

4.0 Table Body <TBODY>

4.0 Table Footer <TFOOT></TFOOT>

4.0 Table Header <THEAD></THEAD>

Table Caption <CAPTION></CAPTION>

Alignment <CAPTION ALIGN=TOP|BOTTOM|LEFT|RIGHT>

4.0 Column <COL></COL>

4.0 Columns Spanned <COL SPAN=?></COL>

4.0 Column Width <COL WIDTH=?></COL>

4.0 Width Percent <COL WIDTH="%"></COL>

4.0 Group columns <COLGROUP></COLGROUP>

4.0 Columns Spanned <COLGROUP SPAN=?></COLGROUP>

4.0 Group Width <COLGROUP WIDTH=?></COLGROUP>

4.0 Width Percent <COLGROUP WIDTH="%"></COLGROUP>

FRAMES

4.0* Frame Document <FRAMESET></FRAMESET>

4.0* Row Heights <FRAMESET ROWS=,,,></FRAMESET>

4.0* Row Heights <FRAMESET ROWS=*></FRAMESET>

4.0* Column Widths <FRAMESET COLS=,,,></FRAMESET>

4.0* Column Widths <FRAMESET COLS=*></FRAMESET>

4.0* Borders <FRAMESET FRAMEBORDER="yes|no"></FRAMESET>

4.0* Border Width <FRAMESET BORDER=?></FRAMESET>

4.0* Border Color <FRAMESET BORDERCOLOR="#$$$$$$"></FRAMESET>

N3 Frame Spacing <FRAMESET FRAMESPACING=?></FRAMESET>

4.0* Define Frame <FRAME>

4.0* Display Document <FRAME SRC="URL">

4.0* Frame Name <FRAME NAME="***"|_blank|_self|_parent|_top>

4.0* Margin Width <FRAME MARGINWIDTH=?>

4.0* Margin Height <FRAME MARGINHEIGHT=?>

4.0* Scrollbar? <FRAME SCROLLING="YES|NO|AUTO">

4.0* Not Resizable <FRAME NORESIZE>

4.0* Borders <FRAME FRAMEBORDER="yes|no">

4.0* Border Color <FRAME BORDERCOLOR="#$$$$$$">

4.0* Unframed Content <NOFRAMES></NOFRAMES>

4.0 Inline Frame <IFRAME></IFRAME>

4.0 Dimensions <IFRAME WIDTH=? HEIGHT=?></IFRAME>

4.0 Dimensions <IFRAME WIDTH="%" HEIGHT="%"></IFRAME>

SCRIPTS AND JAVA

Script <SCRIPT></SCRIPT>

Location <SCRIPT SRC="URL"></SCRIPT>

Type <SCRIPT TYPE="***"></SCRIPT>

Language <SCRIPT LANGUAGE="***"></SCRIPT>

4.0* Other Content <NOSCRIPT></NOSCRIPT>

Applet <APPLET></APPLET>

File Name <APPLET CODE="***">

Parameters <APPLET PARAM NAME="***">

Location <APPLET CODEBASE="URL">

Identifier <APPLET NAME="***">

Alt Text <APPLET ALT="***">

Alignment <APPLET ALIGN="LEFT|RIGHT|CENTER">

Size <APPLET WIDTH=? HEIGHT=?>

Spacing <APPLET HSPACE=? VSPACE=?>

N4 Server Script <SERVER></SERVER>

MISCELLANEOUS

Comment 

Prologue <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">

Searchable <ISINDEX>

Prompt <ISINDEX PROMPT="***">

Send Search <A HREF="URL?***"></a>

URL of This File <BASE HREF="URL">

4.0* Base Window Name <BASE TARGET="***">

Relationship <LINK REV="***" REL="***" HREF="URL">

N4 Linked File <LINK TYPE="***" SRC="***"></LINK>

Meta Information <META>

Style Sheets <STYLE></STYLE>

4.0 Bidirect Off <BDO DIR=LTR|RTL></BDO>

 

 Kevin Werbach