Here we had provide you a list of HTML element alongside with
it's definitions that helps you understand more about it's usefulness.
Move your mouse over the HTML code to get the details. If you
still can't find what you are looking for, here is the official
web site W3
An anchor (Link) used to create a hyperlink which direct
user to the document provided. From the example below, a user
will be taken to document mypage.html if they click on the
word Go to my page Example: < a href="mypage.html">Go
to my page</a>
An abbreviation, No real effect at this stage. Denotes an
abbreviation. Example: <abbr>Search
An Acronym, No real effect at this stage. Denotes an Acronym. Example: <acronym>Search
Break forces text line to break and start a new line. Example: text1<br>text2
Form tag creates a form that holds controls for user input followed processing
script and methods Example: <form action="script.php"
Creates a horizontal line. Style can be set using CSS or using embedded
element. The example below will draw a blue horizontal line of 1 pixel Example: <hr size="1" color="#0000FF">
Input (Forms) Defines controls used in forms the element of the input
form is TEXTFIELD BUTTON CHECKBOX RADIOBUTTON FILEFIELD Example: <input type="text">
An address is used to provides a special format of an author or a contact
information. The text appear to be italic Example: <address>David
An Applet is a tag to includes a Java applet. Usually contains one or
more param <param></param>
elements between the opening and closing tags. Example: <applet>Your
An Area (Client Side Image Map) is used in an image map to denote a clickable
area and the associated links. I found out that Microsoft did provides a
good resource on using image mapping. Try to search for it! Example: <area coords="0,21,0,21">
BASE will set the base URL of a document. It must be placed inside
<head> tag. This is mostly used when you had mod_rewrite rule
on your server. Example: <base href="http://www.hotwebtools.com">
Basefont Used between the header to set the default font, size and color
for a web document. This tag is seldom used since now we had CSS. Example: <basefont color="#FFFFFF
" size="2 " face=" verdana ">
Bidirectional Override specifies a line of text that should overide
the intrinsic direction. This element should only be used when absolute
control over character sequencing is required. Example: <bdo>Your text</bdo>
Background sound plays AIFF WAV and MIDI files in the background. This
in an Internet Explorer tag only. Example: <BGSOUND src="mysong.mid"
Big text displays text in a larger font size. Although not deprecated
it is recommended that style sheets are used. Example: <big>Im very big</big>
Blink causes text to blink in Netscape Browsers only. Example: <BLINK>This text
will BLINK in Navigator Browsers</BLINK>
Blockqoute designates text as a quotation. Usually indents text and
ocassionaly italicises depending on the viewers browser. Example: <blockquote>Enter
your text here</blockquote>
Body tells the browser where the content of the HTML document start
from. Style sheets are the preferred method of controlling the presentational
aspects of the BODY. Example: <body>Your
content begin here</body>
Button creates a push button to process a form. It can be an image
created by you also! Example: <input name="whatever"
Caption (for a Table) Adds a caption to a table. Caption may only be
placed immediately following the open tag and only one caption per table
is allowed. Example: <table width="100%"
border="0" cellspacing="0" cellpadding="10"><caption>whatever</caption>
Causes everything between the tags to be centered in the page. This
can also be done using <div align="right"></div> Example: <center>Your text
will move to the center</center>
Denotes a citation. Usually appears in italics. Example: <cite>Hello</cite>
Identifies a sample of computer code. Appears as the browser's monospace
font (usually Courier). Example: <code>Enter you text
Column (for a Table) Denotes properties for a column or columns. Example: <col align="center">
Column Group (for a Table) Defines a column group to provide structure
to table columns. Example: <colgroup align="center"></colgroup>
Used to add comments to the code (Internet Explorer Only). Use <!----YourComment---->
instead to make comments in your code that will not be read by the browser.
Example: <comment>Your comment
Definition (of Defintion List) Denotes a definition. Generally the text
indents from the left. Example: <dd>Your text here</dd>
Deleted text will draw a line through the middle of a text which makes
it looks like it had been deleted.
Defining Instance of an enclosed term. Usually rendered in italics. Example: <dfn>Hello</dfn>
Directory list creates a multi columned directory list. This tag has been
deprecated in favour of unorderlists (UL).
Example: <dir>Happy birthday</dir>
Division used to divide pages into portions with different styles. Will
align objects to the LEFT RIGHT or CENTER. Used in conjunction with style
sheets this is a powerful device for adding custom block-level structure.
Example: <div align="center">Whatever
you want to fill</div>
Definition list creates a definition list consisting of terms <dt>
and definitions <dd> Example: <dl>Whatever</dl>
Definition Term (of Definition List) Defines a term or label used within
a DL (definition list) element. Example: <dt>Whatever</dt>
Emphasizes text. Usually rendered in italics. Example: <em>Your text
Embeds an object into a web page. Usually used for media files. This
is a Netscape tag that works something like the <IMG> tag.
Fieldset (Group of Form Elements) Groups related controls and labels
of a form. Example: <fieldset>Your
content goes here</fieldset>
Font style used to change color, style, and size of fonts. Has been
deprecated in favour of style sheets. Example: <font face="verdana"
color="#333333" size="2">Welcome to my
Frame defines the contents and appearance of a single frame or subwindow.
Frameset defines the layout of FRAMES within the main window.
Headings 1 through 6 The six headings (H1 is the uppermost) structure
information in an hierarchial fashion. Example: <h1>Document
HEAD of the document contains elements that provide information to users
and search engines as well as containing other data that is not considered
to be document content such as meta tags, document title, encoding and
Denotes an HTML document The uppermost container of an HTML document.
To make a text appears in Italics. Example: <i>Your text
Inline Frame (Floating Frame) Denotes a floating frame within a document.
The content to be displayed is specified by the source element.
Example: <iframe src="doc.html"></iframe>
Includes an image within a document. The main element of this tag is
SRC BORDER ALT. You should not forget to include your ALT tags when
using images. It describe your image when a user points to it. Example: <img src="image.jpg"
alt="This is my baby" border="0">
Inserted Text can be used to denote where text has been added to the
document in relation to a previous document. It
appears to be underlined. Example: <ins>Text</ins>
Searchable index creates a single-line text input control. Has been
deprecated in favour of using INPUT to create text-input controls.
Keyboard text identifies and displays text a user would enter from
a keyboard. Usually displayed with a monospace font. Example: <kbd>Im inserting
Label (Forms) Used to attach information to a control in a form. Example: <textarea label="message">
Netscape tag for adding layers to documents. Use cascading style sheets
Asigns a caption to a fieldset element. The use of LEGEND improves
accessability for non visual user agents. Example: <legend>Document
List Item defines an item in a list - <DIR>, <OL>, and <UL>.
By default it appears to be a bullet. You can use css to change the
appearance. Example: <li>Your text
Appears in the HEAD of the document. Defines the relationship between
the current document and another. Common uses are linking to external
style sheets, scripts and search engines.
Map (Client-Side Imagemap) Denotes an client side imagemap. Can be
associated with IMG, OBJECT or INPUT elements via each elements USEMAP
attribute. Example: <map name="world">
Marquee is an Internet explorer tag that creates a scrolling text area.
The main element is BEHAVIOUR DIRECTION Example: <marquee behaviour="alternate"
Menu List creates a single column menu list. Deprecated in favour of unordered
Meta data used to add information about a document for search engines.
Example: <meta name="keywords"
Multi-Column Formatted Text This Netscape tag displays text in multiple
columns of equal length.
No Break. This Netscape tag causes text not to break under any circumstance.
No Embed. This Netscape tag will appear when an embeded object cannot
No Frames. Specifies alternative content when FRAMES are not supported.
No Script. Provides alternative content when a script cannot run.
to do..... </noscript>
Object tag places an external object in the document such as an image,
a java applet or other external application.
Ordered List creates an ordered or numbered list inside the <LI>
tags. Example: <ol><li>Your
Option Group (Forms) used to group OPTION elements within a SELECT
Option (Forms) specifies the the choices in a SELECT element. Example: <select><option
Defines the begining and end of a paragraph. Example: <p>New paragraph</p>
Specifies a set of values within an applet or object tag.
Displays pre formatted text. Normaly includes extra white space and line breaks
Designates text as a short quote. Similar to BLOCKQUOTE but used for shorter
quotations. Quotation marks should be rendered by the browser.
Although not deprecated, W3C recommends using style sheets in place
of this element.It will draw a line to strike through your text Example: <s>Strike
Gives a sample output of a computer program, script etc. Usually appears
in the browser's monospace font.
Inserts a script into the document. May appear any number
of times in the HEAD or BODY of the document. If the src attribute is
present the browser loads an external script