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
Engine</abbr> |
An Acronym, No real effect at this stage. Denotes an Acronym.
Example: <acronym>Search
Engine</acronym> |
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"
method="post"><input type="text"></form> |
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
Ausman</address> |
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
Code</applet> |
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"
loop="2"> |
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"
type="button" value="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
here</code> |
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
here</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.
Example: <del>$10.00</del> |
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
here</em>
|
| 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
site</font>
|
| 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
title</h1> |
| 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
so on. |
| Denotes an HTML document The uppermost container of an HTML document.
|
To make a text appears in Italics.
Example: <i>Your text
appears italics</i> |
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
text </kbd> |
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
instead. |
Asigns a caption to a fieldset element. The use of LEGEND improves
accessability for non visual user agents.
Example: <legend>Document
title</legend> |
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
here</li> |
| 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"
direction="left"> |
| Menu List creates a single column menu list. Deprecated in favour of unordered
lists (UL).
|
Meta data used to add information about a document for search engines.
Example: <meta name="keywords"
content="keyword1, keyword2">
|
| 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
be displayed. |
| No Frames. Specifies alternative content when FRAMES are not supported. |
No Script. Provides alternative content when a script cannot run.
Example: <noscript>what
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
data here</li></ol> |
| Option Group (Forms) used to group OPTION elements within a SELECT
element. |
Option (Forms) specifies the the choices in a SELECT element.
Example: <select><option
value="1">Number one</option></select> |
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
this text</s> |
| 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 |
|
