Make your own free website on Tripod.com
logo.gif

HTML Tag Quick Reference Page

Once you have all the HTML basic's figured out you can use this page as an excellent resource when you need a quick refresher on a tag!

Please Note: This page contains most of the Tags in use today. It does not contain Tags which are considered to be 'dead' or tags which have been replaced by newer tags.

Choose A Tag

Anchor
Background Sound
Base
Base Font
Blink
Block Quote
Body
Bold
Caption
Center
Code
Comment
Definition
Division
Embed
Emphasized
Font
Form
Form Check Box
Form Input Hidden
Form Input Image
Form Input Password
Form Input Radio Button
Form Input Reset
Form Input Submit
Form Input Text
Form Select
Form Textarea
Frame
Frame Set
Head
Heading
Horizontal Rule
HTML
Image
Italics
Java Applet
Line Break
List
Map
Marquee
Meta
Multi-Column Text
No Frames
Ordered List
Paragraph
Parameters
Pre-formatted Text
Script
Table
Table Body
Table Column
Table Column Group
Table Data
Table Footer
Table Head
Table Header
Table Row
Title
Unordered List

Anchor <A> </A>

The Anchor Tag allows you to create links between two separate pages or to specific areas on a single web page.

Attributes:

To Top Of Page

Background Sound <BGSOUND>

The Background Sound Tag allows you to specify .wav, .au or .mid sound files to play on your web page.

Attributes:

To Top Of Page

Base <BASE>

The Base Tag, which is valid only in the <HEAD> section, defines the base address of an HTML document, which is used to determine the full address of relative URL's that appear in the document. The typical use for this is to move an HTML document to another site without moving all the images and related documents with it: the base URL can be set to the directory where those images and documents remain. The "default target" will become the target for all links unless specified explicitly otherwise.

Attributes:

To Top Of Page

Base Font <BASEFONT>

The Base Font Tag allows you to set the font size that relative font size changes are built on. If you use this tag to set a base size of 2 on your page then you can use the relative font size of +1 to set a font size of 3, for example. Valid font sizes are 1 - 7.

Here is the Base Font tag.
<BASEFONT="2">

Now you can use the +# values in a font tag to specify font sizes throughout a document:
e.g: <FONT SIZE="+1">text here</FONT>

To Top Of Page

Blink <BLINK> </BLINK>

The Blink Tag allows you to have portions of text blink on and off. This is widely frowned upon and discouraged by most web page designers. People tend to find the blinking annoying.

Using the Blink Tag:
e.g: <BLINK>text to have blinking here</BLINK>

To Top Of Page

Block Quote <BLOCKQUOTE> </BLOCKQUOTE>

The Block Quote Tag defines text that is quoted from elsewhere. Many browsers (including Netscape) display it in an indented block surrounded by blank lines

Attributes:

To Top Of Page

Body <BODY> </BODY>

The Body Tag defines the body of the document. It should appear after the head section and occupy the remainder of the document.

Attributes:

To Top Of Page

Bold <B> </B>

The Bold Tag allows you add boldface formatting to text.
e.g: <B> text you wish to appear bold here </B>
To Top Of Page

Caption <CAPTION> </CAPTION>

The Caption Tag works inside a table tag and lets you specify a caption for your table.

Attributes:

To Top Of Page

Center <CENTER> </CENTER>

The Center Tag allows you to center page elements on the page.
e.g: <CENTER> text and images to be centered here </CENTER>
To Top Of Page

Code <CODE> </CODE>

The code tag defines text that should be shown in a fixed width font. It can be nested with other tags but some browsers will see only the innermost tag.
e.g: <CODE> text to show here </CODE>
To Top Of Page

Comment <!-- -->

The Comment Tag allows you to add comments to your source code that is NOT visible on the page. This is handy if you have a complicated set of coding and need to keep notes within the code.

Using the Comment Tag:
e.g: <!-- put your comment here -->

To Top Of Page

Definition <DFN> </DFN>

The definition tag defines text that defines a term -- many browsers will display it in italics, though others will ignore it.
e.g: <DFN> definition here </DFN>
To Top Of Page

Division <DIV> </DIV>

The Division Tag is used to divide a document up into different sections, such as chapters, sections, abstract, and appendix.

Attributes:

To Top Of Page

Embed <EMBED> </EMBED>

The Embed Tag allows you to embed objects such as sound files into your web page.

Attributes:

To Top Of Page

Emphasized <EM> </EM>

The emphasized tag defines text that should be emphasized -- most browsers will display it in italics.
e.g: <EM> text to be emphasized here </EM>
To Top Of Page

Font <FONT> </FONT>

The Font Tag allows you to format text on your web page.

Attributes:

To Top Of Page

Form <FORM> </FORM>

The Form Tag allows you to set up an online form that visitors can fill out and send you information. The information is sent to you in email, usually, or can be used to add data to an online database, and so forth.

Attributes:

Forms use several different INPUT tags to specify the type of information you want, and the way it is displayed:
To Top Of Page

Form Check Box <INPUT TYPE="CHECKBOX">

The Check Box allows you to place a small box in your form that can be checked on or off. Check Boxes allow you to specify several possible answers to a question.

Attributes:

To Top Of Page

Form Input Hidden <INPUT TYPE="HIDDEN">

The Hidden Type Input Tag specifies a hard coded name-value pair within the form. This field is not displayed to the user. Both NAME and VALUE are required attributes.
e.g: <INPUT TYPE="Hidden" NAME="name here" VALUE="value here">
To Top Of Page

Form Input Image <INPUT TYPE="IMAGE">

The Input Image Tag allows you to specify and image that your visitor can use to click on to submit the information in the form to you.

Attributes:

To Top Of Page

Form Input Password <INPUT TYPE="PASSWORD">

The Input Password Tag specifies an entry field that you can use to have visitors enter a password in order for the form to be submitted. The password will be obscured as it is entered (usually by replacing the characters with asterisks) The NAME attribute is required in this tag.

Attributes:

To Top Of Page

Form Input Radio Button <INPUT TYPE="RADIO">

The Radio Button allows you to ask visitors to choose ONE option of several. You cannot select more than one radio button. Use the Check Box if you have more than one possible option for visitors to choose.

Attributes:

To Top Of Page

Form Input Reset <INPUT TYPE="RESET">

The Input Reset Tag allows you to create a button in your form that visitors can use to click on and clear all the fields in that particular form.
e.g: <INPUT TYPE="RESET">
To Top Of Page

Form Input Submit <INPUT TYPE="SUBMIT:>

The Input Submit tag allows you to create button in your form that visitors can use to click on and submit the form information to you.

Attributes:

To Top Of Page

Form Input Text <INPUT TYPE="TEXT">

The text type input tag specifies a single line text entry field within the form that contains it. The NAME attribute is a required field and is used to identify the data for the field.

Attributes:

To Top Of Page

Form Select <SELECT> </SELECT>

The Form Select Tags allows you to create drop-down boxes with different options listed. This tag works in conjunction with the <OPTION> Tag to define the individual choices you want in the drop down box.

Attributes:

Here is how the <SELECT> Tag works with the <OPTION> Tag:

<SELECT>
<OPTION> Item 1
<OPTION> Item 2
<OPTION> Item 3
<OPTION> Item 4
<OPTION> Item 5
</SELECT>

To Top Of Page

Form Textarea <TEXTAREA></TEXTAREA>

The Textarea Tag allows you to define a multiple line text entry field that visitors can type large amounts of information into.

Attributes:

To Top Of Page

Frame <FRAME>

The Frame Tag is entered inside the <FRAMESET> Tag and allows you to define your individual frame information.

Attributes:

To Top Of Page

Frame Set <FRAMESET> </FRAMESET>

The Frame Set Tag allows you to split the displayed browser screen into several smaller windows. Each window can contain a separate web page. You define the behaviour of each smaller window using the <FRAME> tag.

Attributes:

To Top Of Page

Head <HEAD> </HEAD>

The Head Tag allows you to place elements on your page that are not displayed such as the Title and various Meta Tag entries and Script Tags.
e.g: <HEAD> other page elements here </HEAD>
To Top Of Page

Heading <H#> </H#>

The Heading Tag allows you to define the size of a block of text and Bold it in one step. Possible values are H1, H2, H3, H4, H5, H6, H7. H1 is the largest and H7 is the smallest.
e.g: <H1> header text here </H1>
To Top Of Page

Horizontal Rule <HR>

The Horizontal Rule Tag is a one-sided tag which allows you to place a Horizontal Line on your page.

Attributes:

To Top Of Page

HTML <HTML> </HTML>

The HTML tag defines an HTML document. The <HTML> tag should be the first in the entire document, and the </HTML> tag should be the last.
e.g: <HTML> rest of the document here </HTML>
To Top Of Page

Image <IMG>

The Image Tag allows you to embed images and image objects, such as .avi files, into your web page. This is a one-sided tag and does not require a closing tag. Please note: The <IMG> Tag requires you always use the SRC= attribute.

Attributes:

To Top Of Page

Italics <I> </I>

The Italic Tag allows you add italic formatting to text.
e.g: <I> text you wish to appear bold here </I>
To Top Of Page

Java Applet <APPLET> </APPLET>

The Java Applet Tag allows you to embed Java Applets on your page for visitors to see or use. Java Applets consist of one or more .class files, and you can usually set some or all of the applet's parameters for use on your site.

Attributes:

To Top Of Page

Line Break <BR>

The Line Break Tag tells a line of text to stop displaying on the current line and drops the cursor to the beginning of the next line.
e.g: text on one line <BR> text on the next line
To Top Of Page

List <LI>

The List Tag let you define List items to be added to an Ordered List or Unordered list. It no longer requires a closing tag.

Attributes

To Top Of Page

Map <MAP> </MAP>

The Map Tag defines a client side image map. It gives a name to a collection of AREA tags that are superimposed over an inline image to connect user clicks with URLs.
e.g: <MAP NAME="name here"> Area Tags here</MAP>

To Top Of Page

Marquee <MARQUEE> </MARQUEE>

The Marquee Tag gives you the ability to set up blocks of text or objects that move around on the page when the visitor views the page.

Attributes:

To Top Of Page

Meta <META>

The Meta Tag is entered inbetween the <HEAD> and </HEAD> Tag and contains information pulled by search engine spiders, for example. Nothing in the <META> Tag is displayed on your page.

Attributes:

Click here to view more information about Meta Tags

To Top Of Page

Multi-Column Text <MULTICOL>

The Multi Column Text Tag is a container, used to split the display into columns without using frames or tables.

Attributes:

To Top Of Page

No Frames <NOFRAMES> </NOFRAMES>

The No Frames Tag lets you add content for browsers that cannot resolve the <FRAME> Tag. However, browsers that can display Frames will ignore this tag.
e.g: <NOFRAMES>Sorry, your browser does not support Frames</NOFRAMES>
To Top Of Page

Ordered List <OL> </OL>

The Ordered List Tag allows you to create numbered lists on your page.

Attributes:

In order to successfully create a list you must include list items defined with a <LI> Tag between the opening and closing Ordered List tags, like this:

<OL>
<LI> 1 egg white
<LI> 1 cup of milk
<LI> 2 cups of flour
<LI> 1 tablespoon of sugar
</OL>

To Top Of Page

Paragraph <P>

The Paragraph Tag will allow you to separate text blocks. It tells the text to stop displaying on the current line and drops the cursor down two lines to begin the next line. (Unlike the line break tag <BR> which drops the text down one line)
e.g: text one first line <P> text that starts two lines down.

Attributes:

To Top Of Page

Parameters <PARAM>

The Parameters Tag is used in Java Applets to define the various options and parameters used by the applet.
e.g: <PARAM NAME="option name here" VALUE="option value">
To Top Of Page

Pre-formatted Text <PRE> </PRE>

The preformatted text tag defines text that should be shown in a fixed width font with the line breaks and other whitespace specified by the page author. There is no need to use <BR> tags to indicate line breaks -- line breaks in the source will be displayed by the browser. In addition multiple spaces will be displayed as multiple spaces. Typically used for several lines of program code or for poetry.

Attributes:

To Top Of Page

Script <SCRIPT> </SCRIPT>

The Script Tag identifies script code. The statements are usually but not required to be enclosed in the comment tag, so that browsers that do not support scripting do not render the code as text. Functions used by the document are usually defined in the HEAD tag so that they are loaded and available before the user could do anything that might call them.

Using the <SCRIPT> Tag:
e.g: <SCRIPT LANGUAGE="language"><!-- script hidden in comment --></SCRIPT>

To Top Of Page

Table <TABLE> </TABLE>

The Table tag allows you to create tables containing virtually any HTML element you wish within its rows and cells.

Attributes:

To Top Of Page

Table Body <TBODY> </TBODY>

The Table Body Tag can be used to group together a number of rows within a table.

Attributes:

To Top Of Page

Table Column <COL> </COL>

The Table Column Tag sets the properties of one table column at a time.

Attributes:

To Top Of Page

Table Column Group <COLGROUP> </COLGROUP>

The Table Column Group Tag allows you to set the properties of one or more table columns.

Attributes

To Top Of Page

Table Data <TD> </TD>

The Table Data Tag allows you to define each table cell. You must put the Table Data cells inside a Table Row Tag (<TR> </TR>)

Attributes:

To Top Of Page

Table Footer <TFOOT>

The Table Footer Tag defines the table footer. The footer tag is used to group all footers.

Attributes:

To Top Of Page

Table Head <THEAD>

The Table Head Tag defines the table heading. It is used to group all headers together.

Attributes:

To Top Of Page

Table Header <TH> </TH>

The Table Header Tag defines a header cell within a Table.

Attributes:

To Top Of Page

Table Row <TR> </TR>

The Table Row Tag defines a row of cells that are defined with Table Data (<TD>) tags.

Attributes:

To Top Of Page

Title <TITLE> </TITLE>

The Title Tag allows you to define the title of the HTML document within the <HEAD> Tag. This is not displayed as part of the web page. It is displayed in the browsers Title Bar just above the Tool Bar.
e.g: <TITLE> Put a descriptive title here </TITLE>
To Top Of Page

Unordered List <UL> </UL>

The Unordered List Tag allows you to create bulleted lists on your page.

Attributes:

In order to successfully create a list you must include list items defined with a <LI> Tag between the opening and closing Unordered List tags, like this:

<UL>
<LI> 1 egg white
<LI> 1 cup of milk
<LI> 2 cups of flour
<LI> 1 tablespoon of sugar
</UL>

To Top Of Page