COMPUTERS
Introduction
My Experience
Absolute Basics
The Internet
Chat
Downloads
Website Design
Goodies for your website
HTML
JavaScript
Hexadecimal Color Chart
Graphics/Images
Online Computer Stores
Glossary

Tutorials


HTML Quick Reference
Structure Tags Links Images
Common Attributes Lists Frames
Headings Character Formatting Tables
Paragraphs Other Elements



 
 
Structure Tags
<!-- ... ---> Creates a comment.
<HTML>...</HTML> Encloses the entire HTML document.
<HEAD>...</HEAD> This is the document header, and it contains other elements that provide information to users and search engines.
<ISINDEX> Indicates the document is a gateway script that allows searches.
<META> Provides general information about the document.
<STYLE>...</STYLE> Style information.
<SCRIPT>...</SCRIPT> Scripting language.
<TITLE>...</TITLE> The title of the document.
<BODY>...</BODY> Encloses the body of the HTML document. Includes attributes.
background="..."
URL for background image.
bgcolor="..."
Sets background color.
text="..."
Text color.
link="..."
Link color.
alink="..."
Active link color.
vlink="..."
Visited link color.
<DIV>...</DIV> Used to add structure to a block of text.
Align="..."
Determines the alignment of the block (LEFT, CENTER, RIGHT, and JUSTIFY).
Contents


Common Attributes
id
Document-wide identifier.
class
Class values.
lang
Language value.
dir
Direction for weak/neutral text.
title
Title

Contents


Headings
<H1>...</H1>
<H2>...</H2>
<H3>...</H3>
<H4>...</H4>
<H5>...</H5>
<H6>...</H6>
Headings 1 through 6

Contents


Paragraphs
<P>...</P> A plain paragraph, </P> is optional.

Contents


Links
<A>...</A> Creates a link or anchor. Includes common attributes.
HREF="..."
The URL of the document to be linked to this one.
NAME="..."
The name of the anchor.
TARGET="..."
Identifies the window or location to open the link in.
REL="..."
Defines forward link types.
REV="..."
Defines reverse link types.
ACCESSKEY="..."
Determines the accessibility character.
SHAPE="..."
Is for use with object shapes.
COORDS="..."
Is for use with object shapes.
TABINDEX="..."
Determines the tabbing order.
onClick
Is an intrinsic event.
onMouseOver
Is an intrinsic event.
onMouseOut
Is an intrinsic event.

Contents


Lists
<OL>...</OL> An ordered (numbered) list.
TYPE="..."
Sets the numbering style (1, a, A, i, I).
START="..."
Sets the starting number to the chosen integer.
<UL>...</UL> An unordered (bulleted) list.
TYPE="..."
Sets the bullet style (disc, square, circle).
<MENU>...</MENU> A menu list of items.
<DIR>...</DIR> A directory listing.
<LI>...</LI> A list item.
<DL>...</DL> A definition or glossary list.
<DT> A definition term.
<DD> The corresponding definition to a definition term.

Contents


Character Formatting
<EM>...</EM> Emphasis (usually italic).
<STRONG>...</STRONG> Stronger emphasis (usually in bold).
<CODE>...</CODE> Code sample (usually Courier).
<KBD>...</KBD> Text to be typed (usually Courier).
<VAR>...</VAR> A variable or placeholder for some other value.
<SAMP>...</SAMP> Sample text.
<DFN>...</DFN> (Proposed) A definition of a term.
<CITE>...</CITE> A citation.
<B>...</B> Boldface text.
<I>...</I> Italic text.
<TT>...</TT> Typewriter font.
<SUB>...</SUB> Creates subscript.
<SUP>...</SUP> Creates superscript.

Contents

 
Other Elements
<HR> A horizontal rule line.
<BR> A line break.
<BLOCKQUOTE>...</BLOCKQUOTE> Used for long quotes or citations.
<PRE>...</PRE> Displays preformatted text.
<ADDRESS>...</ADDRESS> Signatures or general information about a document's author.
<FONT>...</FONT> Change the size of the font for the enclosed text.
SIZE="..."
The size of the font, from 1 to 7.
COLOR="..."
The font color. See Hexadecimal Color Chart.
FACE="..."
The font type.
<BASEFONT> Sets the default size of the font for the current page.
SIZE="..."
The default size of the font, from 1 to 7.
Contents

 
Images
<IMG> Inserts an inline image into the document; includes common attributes.
ISMAP
This image is a server-side image map.
USEMAP
This image is a client-side image map.
SRC="..."
The URL of the image.
ALT="..."
A text string that will be displayed in browsers that cannot support images.
ALIGN="..."
Determines the alignment of the given image.
HEIGHT="..."
Is the suggested height in pixels.
WIDTH="..."
Is the suggested width in pixels.
VSPACE="..."
The space between the image and the text above or below it.
HSPACE="..."
The space between the image and the text to its left or right.
Contents

 
Frames
<FRAMESET>...</FRAMESET> Defines a frameset.
ROWS="..."
Number of rows in frame.
COLS="..."
Number of columns in frame.
onLoad
Is an intrinsic event.
onUnload
Is an intrinsic event.
<FRAME> Creates a frame.
NAME="..."
Is the name of target frame.
SRC="..."
Calls the frame content source.
FRAMEBORDER="..."
Determines the frame border.
MARGINWIDTH="..."
Defines margin widths.
MARGINHEIGHT="..."
Defines margin heights.
NORESIZE="..."
Determines ability to resize frames.
SCROLLING="..."
Determines ability to scroll within frames.
Contents

 
Tables
<TABLE>...</TABLE> Creates a table; includes common attributes.
BORDER="..."
Indicates whether the table should be drawn with or without a border.
<CAPTION>...</CAPTION> The caption for the table.
ALIGN="..."
The position of the caption. Possible values are TOP and BOTTOM.
<TR>...</TR> A table row.
ALIGN="..."
The horizontal alignment of the contents of the cells within this row; possible values are LEFT, RIGHT, and CENTER.
VALIGN="..."
The vertical alignment of the contents of the cells within this row; possible values are TOP, MIDDLE, BOTTOM, and BASELINE (Netscape only).
<TH>...</TH> A table heading cell.
ALIGN="..."
The horizontal alignment of the contents of the cell.
VALIGN="..."
The vertical alignment of the contents of the cell.
ROWSPAN="..."
The number of rows this cell will span.
COLSPAN="..."
The number of columns this cell will span.
NOWRAP
Do not automatically wrap the contents of this cell.
<TD>...</TD> Defines a table data cell.
ALIGN="..."
The horizontal alignment of the contents of the cell.
VALIGN="..."
The vertical alignment of the contents of the cell.
ROWSPAN="..."
The number of rows this cell will span.
COLSPAN="..."
The number of columns this cell will span.
NOWRAP
Do not automatically wrap the contents of this cell.
Contents
Home