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>