Are you a new startup company or have you thought of starting a new home business ?

What you need to kick start your business is a Search Engine Optimized professionally designed website.

Experienced web solution provider re-launched with a brand new look and international affiliations. By understanding local as well as international online marketing, search engine optimization and e-business trends we will help your businesses be more profitable by harnessing the power of the internet.

HTML base Tag

The information on this page is based on HTML version 4.01 (which is the current version of HTML). The next version, HTML 5, is currently being written. Here's a list of HTML 5 tags.

The HTML base tag is used to specify a base URI, or URL, for relative links. For example, you can set the base URL once at the top of your page, then all subsequent relative links will use that URL as a starting point.

Example	Learn about JavaScript Arrays The link above will actually resolve to http://www.quackit.com/javascript/javascript_arrays.cfm regardless of the URL of the current page. This is because the base URL (http://www.quackit.com/javascript/) is prepended to the (relative) URL indicated in the link (javascript_arrays.cfm)
Attributes:	Attributes specific to this tag: Attribute Description href Specifies the URI/URL to use. Other Attributes: Attribute Description target Target frame/window
Try it yourself!	<base href="http://www.quackit.com/javascript/" target="_blank"> <p>Learn about <a href="javascript_arrays.cfm">JavaScript Arrays</a></p>

Also see the HTML 5 version of HTML tags

HTML b Tag

The information on this page is based on HTML version 4.01 (which is the current version of HTML). The next version, HTML 5, is currently being written. Here's a list of HTML 5 tags.

The HTML b tag is used for specifying bold text.

Also see the tag, tag and the tag

.

The HTML 5 version of this tag has slightly different semantics.

Example	The HTML b tag specifies bold text.
Attributes:	Attributes specific to this tag: None Other Attributes: Attribute Description dir Specifies the direction of the text class Document wide identifier. id Document wide identifier lang Language code title Specifies a title to associate with the element. Many browsers will display this when the cursor hovers over the element (similar to a "tool tip"). style Inline style (CSS) onclick Intrinsic event (see event handlers) ondbclick Intrinsic event (see event handlers) onmousedown Intrinsic event (see event handlers) onmouseup Intrinsic event (see event handlers) onmouseover Intrinsic event (see event handlers) onmousemove Intrinsic event (see event handlers) onmouseout Intrinsic event (see event handlers) onkeypress Intrinsic event (see event handlers) onkeydown Intrinsic event (see event handlers) onkeyup Intrinsic event (see event handlers)
Try it yourself!	The HTML b tag specifies <b>bold</b> text.

Also see the HTML 5 version of HTML tags

HTML area Tag

The information on this page is based on HTML version 4.01 (which is the current version of HTML). The next version, HTML 5, is currently being written. Here's a list of HTML 5 tags.

The HTML area tag is used for defining an area in an image map.

This tag is used in conjunction with the tag and tag to create an image map.

Example	See below to see a working example.
Attributes:	Attributes specific to this tag: Attribute Description shape Defines a shape for the clickable area. Possible values: default rect circle poly coords Specifies the coordinates of the clickable area. Coordinates are specified as follows: rect: left, top, right, bottom circle: center-x, center-y, radius poly: x1, y1, x2, y2, ... nohref Specifies that the area has no link. Other Attributes: Attribute Description name Assigns a name to the element. usemap Associates an element with an image map. For example, you associate the image with an image map by using this attribute. class Document wide identifier. id Document wide identifier dir Specifies the direction of the text lang Language code style Inline style (CSS). title Specifies a title to associate with the element. alt Alternate text. This specifies text to be used in case the browser/user agent can't render the image. href Specifies the URL of a page or the name of the anchor that the link goes to. target Specifies the target frame to load the page into. tabindex Helps determine the tabbing order (when the user 'tabs' through the elements on the page). accesskey Access keys (or shortcut keys) onfocus Intrinsic event (see event handlers) onblur Intrinsic event (see event handlers) onclick Intrinsic event (see event handlers) ondbclick Intrinsic event (see event handlers) onmousedown Intrinsic event (see event handlers) onmouseup Intrinsic event (see event handlers) onmouseover Intrinsic event (see event handlers) onmousemove Intrinsic event (see event handlers) onmouseout Intrinsic event (see event handlers) onkeypress Intrinsic event (see event handlers) onkeydown Intrinsic event (see event handlers) onkeyup Intrinsic event (see event handlers)
Try it yourself!	<img src ="/pix/mueller_hut/mueller_hut_t.jpg" width="225" height="151" border="0" alt="Mueller Hut, Mount Cook, and I" usemap ="#muellermap" /> <map id ="muellermap" name="muellermap"> <area shape ="rect" coords ="90,80,120,151" href ="javascript:alert('Me');" alt="Me"> <area shape ="poly" coords ="55,55,120,80,90,80,90,100,70,100,20,80,55,55" href ="http://en.wikipedia.org/wiki/Mount_Cook" target="_blank" alt="Mount Cook"> <area shape ="poly" coords ="145,80,145,100,215,90,215,80,180,60,145,80" href ="http://www.natural-environment.com/places/mueller_hut.php" target="_blank" alt="Mueller Hut"> </map>

Also see the HTML 5 version of HTML tags

HTML applet Tag

The information on this page is based on HTML version 4.01 (which is the current version of HTML). The next version, HTML 5, is currently being written. Here's a list of HTML 5 tags.

The HTML applet tag is used for embedding a Java applet within an HTML document.

The applet tag is deprecated in HTML 4.01 and is not supported in XHTML (strict DTD) or HTML 5. Use the HTML object tag instead.

Example

Java applet of a woofer dog.

Attributes:

Attributes specific to this tag: Attribute Description codebase Specifies the URI of the applet. code Specifies the name or path of the class file. name Gives the instance a name so that it can be referenced by other objects. archive Comma separated list of archives containing class files to be preloaded. object Specifies the resource that contains a serialized representation of the applet's state. width Width to display the applet. height Height to display the applet. Other Attributes: Attribute Description class Document wide identifier. id Document wide identifier style Inline style (CSS). title Specifies a title to associate with the element. alt Alternative text. This will display if the applet can't be loaded. align Visual alignment (i.e. bottom, middle, top, left, right). Deprecated. hspace Amount of white space to be inserted to the left and right of the object. Deprecated. vspace Amount of white space to be inserted above and below the object. Deprecated.

Also see the HTML 5 version of HTML tags

HTML address Tag

The information on this page is based on HTML version 4.01 (which is the current version of HTML). The next version, HTML 5, is currently being written. Here's a list of HTML 5 tags.

The HTML address tag is used for indicating an address, usually related to authorship of the current document.

Example	W3C Australian Office CSIRO ICT Building 108, North Road, Australian National University Campus Acton, Canberra ACT 2601, Australia
Attributes:	Attributes specific to this tag: None Other Attributes: Attribute Description dir Specifies the direction of the text class Document wide identifier. id Document wide identifier lang Language code title Specifies a title to associate with the element. Many browsers will display this when the cursor hovers over the element (similar to a "tool tip"). style Inline style (CSS) onclick Intrinsic event (see event handlers) ondbclick Intrinsic event (see event handlers) onmousedown Intrinsic event (see event handlers) onmouseup Intrinsic event (see event handlers) onmouseover Intrinsic event (see event handlers) onmousemove Intrinsic event (see event handlers) onmouseout Intrinsic event (see event handlers) onkeypress Intrinsic event (see event handlers) onkeydown Intrinsic event (see event handlers) onkeyup Intrinsic event (see event handlers)
Try it yourself!	<address> W3C Australian Office<br /> CSIRO ICT<br /> Building 108, North Road, Australian National University Campus<br /> Acton, Canberra<br /> ACT 2601, Australia</address>

Also see the HTML 5 version of HTML tags

HTML acronym Tag

The information on this page is based on HTML version 4.01 (which is the current version of HTML). The next version, HTML 5, is currently being written. Here's a list of HTML 5 tags.

The HTML acronym tag is used for indicating an acronym.

This element is not included in HTML 5 because it has created lots of confusion. Use the tag instead.

Example	CAT
Attributes:	Attributes specific to this tag: None Other Attributes: Attribute Description dir Specifies the direction of the text class Document wide identifier. id Document wide identifier lang Language code title Specifies a title to associate with the element. Many browsers will display this when the cursor hovers over the element (similar to a "tool tip"). style Inline style (CSS) onclick Intrinsic event (see event handlers) ondbclick Intrinsic event (see event handlers) onmousedown Intrinsic event (see event handlers) onmouseup Intrinsic event (see event handlers) onmouseover Intrinsic event (see event handlers) onmousemove Intrinsic event (see event handlers) onmouseout Intrinsic event (see event handlers) onkeypress Intrinsic event (see event handlers) onkeydown Intrinsic event (see event handlers) onkeyup Intrinsic event (see event handlers)
Try it yourself!	She went in for a <acronym title="Computerized Axial Tomography">CAT</acronym> scan.

Also see the HTML 5 version of HTML tags

HTML abbr Tag

The information on this page is based on HTML version 4.01 (which is the current version of HTML). The next version, HTML 5, is currently being written. Here's a list of HTML 5 tags.

The HTML abbr tag is used for indicating an abbreviation.

Also see the HTML 5 version of this element.

Example	HTML
Attributes:	Attributes specific to this tag: None Other Attributes: Attribute Description dir Specifies the direction of the text class Document wide identifier. id Document wide identifier lang Language code title Specifies a title to associate with the element. Many browsers will display this when the cursor hovers over the element (similar to a "tool tip"). style Inline style (CSS) onclick Intrinsic event (see event handlers) ondbclick Intrinsic event (see event handlers) onmousedown Intrinsic event (see event handlers) onmouseup Intrinsic event (see event handlers) onmouseover Intrinsic event (see event handlers) onmousemove Intrinsic event (see event handlers) onmouseout Intrinsic event (see event handlers) onkeypress Intrinsic event (see event handlers) onkeydown Intrinsic event (see event handlers) onkeyup Intrinsic event (see event handlers)
Try it yourself!	The <abbr title="HyperText Markup Language">HTML</abbr> tag. Note that, at the time of writing, the <abbr title="HyperText Markup Language">HTML</abbr> abbr tag has limited browser support.

Also see the HTML 5 version of HTML tags

HTML a Tag

The information on this page is based on HTML version 4.01 (which is the current version of HTML). The next version, HTML 5, is currently being written. Here's a list of HTML 5 tags.

The HTML a tag is used for creating a hyperlink to either another document, or somewhere within the current document.

You can use the a tag to link text or images. To link an image, simply nest your img tag inside the a tag.

Example	Killer Ab Workout
Attributes:	Attributes specific to this tag: Attribute Description name Marks an area of the page that a link jumps to. href Specifies the URL of a page or the name of the anchor that the link goes to. hreflang Language code of the destination URL type The type of content at the link destination rel Describes the relationship between the current document and the destination URI. alternate appendix bookmark chapter contents copyright glossary help home index next prev section start stylesheet subsection rev Describes a reverse between the destination URI and the current document. Possible values: alternate appendix bookmark chapter contents copyright glossary help home index next prev section start stylesheet subsection charset Defines the character encoding of the linked document. Other Attributes: Attribute Description shape Image map shape coords Image map coordinates target Specifies the target frame to load the page into. Possible values: _blank _self _top _parent accesskey Access keys (or shortcut keys) dir Specifies the direction of the text class Document wide identifier. id Document wide identifier lang Language code tabindex Helps determine the tabbing order (when the user 'tabs' through the elements on the page). title Specifies a title to associate with the element. Many browsers will display this when the cursor hovers over the element (similar to a "tool tip"). style Inline style (CSS) onfocus Intrinsic event (see event handlers) onblur Intrinsic event (see event handlers) onclick Intrinsic event (see event handlers) ondbclick Intrinsic event (see event handlers) onmousedown Intrinsic event (see event handlers) onmouseup Intrinsic event (see event handlers) onmouseover Intrinsic event (see event handlers) onmousemove Intrinsic event (see event handlers) onmouseout Intrinsic event (see event handlers) onkeypress Intrinsic event (see event handlers) onkeydown Intrinsic event (see event handlers) onkeyup Intrinsic event (see event handlers)
Try it yourself!	Check out the <a href="http://www.great-workout.com/killer-ab-workout.cfm" target="_blank">Killer Ab Workout</a>.

HTML doctype

The information on this page is based on HTML version 4.01 (which is the current version of HTML). The next version, HTML 5, is currently being written. Here's a list of HTML 5 tags.

The HTML !doctype tag is used for specifying which version of HTML the document is using. This is referred to as the document type declaration (DTD).

The HTML document type declaration starts off with , followed information on the HTML specification that the document conforms to.

HTML 4.01 has 3 possible doctypes: HTML 4 Strict, HTML 4 Transitional, and HTML 4 Frameset. Every HTML document you create should have one of these three DTDs. The DTD you use will depend on how strict you want your HTML to be and whether you are using frames or not.

HTML 4 Strict

This document type includes all HTML elements except those that have been deprecated, and those that appear in frameset documents.

HTML 4 Transitional

This document type includes all HTML elements including those that have been deprecated.

HTML 4 Frameset

This document type includes all HTML elements in the transitional DTD as well as those in framed document.

Also see the HTML 5 version of HTML tags

HTML Comments Tag

The information on this page is based on HTML version 4.01 (which is the current version of HTML). The next version, HTML 5, is currently being written. Here's a list of HTML 5 tags.

The HTML 'comments' tag is used for creating comments within your HTML code.

Comments aren't displayed in the browser - they are simply there for the programmer's benefit. Comments can assist you, the HTML programmer, because you can write notes to yourself that explain what the code does. This is especially useful when you have a lot of code.

HTML comments are often used in conjunction with JavaScript. Programmers surround their JavaScript code with HTML comments. The HTML comments tell browsers that don't support JavaScript (or with JavaScript disabled) to ignore the code in between. This prevents the code from being displayed to your users.

You can see an example here.

Example
Attributes:	None.
Try it yourself!	<!-- The level 4 heading goes here --> <h4>How to comment out your code</h4> <!-- The text goes here --> <p>This article demonstrates the HTML code to hide your comments.</p>

HTML div Tag

The information on this page is based on HTML version 4.01 (which is the current version of HTML). The next version, HTML 5, is currently being written. Here's a list of HTML 5 tags.

The HTML div tag is used for defining a section of your document. With the div tag, you can group large sections of HTML elements together and format them with CSS. For example, you could have your navigation section wrapped in one div and your main content section in another div.

The difference between the div tag and the span tag is that the div tag is used with block-level elements whilst the span tag is used with inline elements.

HTML 5 has introduced a number of new tags that will replace traditional usage of the div tag. Examples include article, aside, nav, header, footer, and section.

Example	Navigation section Content section
Attributes:	Attributes specific to this tag: None Other Attributes: Attribute Description dir Specifies the direction of the text class Document wide identifier. id Document wide identifier lang Language code title Specifies a title to associate with the element. Many browsers will display this when the cursor hovers over the element (similar to a "tool tip"). style Inline style (CSS) align Specifies alignment (left, right, center, justify). onclick Intrinsic event (see event handlers) ondbclick Intrinsic event (see event handlers) onmousedown Intrinsic event (see event handlers) onmouseup Intrinsic event (see event handlers) onmouseover Intrinsic event (see event handlers) onmousemove Intrinsic event (see event handlers) onmouseout Intrinsic event (see event handlers) onkeypress Intrinsic event (see event handlers) onkeydown Intrinsic event (see event handlers) onkeyup Intrinsic event (see event handlers)
Try it yourself!	<div style="background-color:orange;text-align:center"> <p>Navigation section</p> </div> <div style="border:1px solid black"> <p>Content section</p> </div>

HTML Borders

The best way to create HTML borders is to actually use CSS (Cascading Style Sheets). Using CSS, you can create a border around any HTML element.

There are a range of CSS properties that you can use to define borders but the shorthand border property is the most concise way.

Below are some examples of what you can do with HTML, borders, and CSS.

Solid Border

<div style="width:200px;height:100px;border:1px solid blue;"> HTML borders are best created with CSS. </div>

This code results in:

HTML borders are best created with CSS.

Dotted Border

<div style="width:200px;height:100px;border:2px dotted blue;"> HTML border code - or should that read CSS border code? </div>

This code results in:

HTML border code - or should that read CSS border code?

Dashed Border

<div style="width:200px;height:100px;border:2px dashed blue;"> HTML border code - or should that read CSS border code? </div>

This code results in:

HTML border code - or should that read CSS border code?

Outset Border

<div style="width:200px;height:100px;border:2px outset blue;"> HTML border code - or should that read CSS border code? </div>

This code results in:

HTML border code - or should that read CSS border code?

Inset Border

<div style="width:200px;height:100px;border:2px inset blue;"> HTML border code - or should that read CSS border code? </div>

This code results in:

HTML border code - or should that read CSS border code?

Grooved Border

<div style="width:200px;height:100px;border:2px groove blue;"> HTML border code - or should that read CSS border code? </div>

This code results in:

HTML border code - or should that read CSS border code?

Double Border

<div style="width:200px;height:100px;border:2px double blue;"> HTML border code - or should that read CSS border code? </div>

This code results in:

HTML border code - or should that read CSS border code?

Ridged Border

<div style="width:200px;height:100px;border:2px ridge blue;"> HTML border code - or should that read CSS border code? </div>

This code results in:

HTML border code - or should that read CSS border code?

Mixed Border

You can combine different border types and styles for each side of the HTML element.

<div style="width:200px;height:100px;border-width:6px;border-color:blue;border-style:dotted dashed solid double;"> Create borders for any HTML element. </div>

This code results in:

Create borders for any HTML element.

DIV graphic borders

This is a very simple and clean method for making a graphic border in an HTML block element. There is no clutter of table cells and as few div blocks as necessary (just 3). The border can be changed, removed and the box resized by only changing the style sheet. In implementing this method there are 2 requirements to be met:

• The width is of fixed size (it doesn't widen with the content)
• The height is variable (it will grow with more content)

• A header block, body block and a footer block are stacked
• Each box gets a background image.
• The 3 background images involved must also be 300px wide.
• The header and footer should have fixed heights matching their background image sizes
• The footer and header block widths must be same as their background images (300px).
• Set the body left/right padding large enough such that the text does not overlap the color region of the left right borders in the background image (10px)
• Set the body width to the width of the header minus the width of the left+right padding (=280px)

So after all those rules you get a bordered box with an adjustable height and fixed width.
Note that the background image of the body must merge cleanly with the bottom and top of the header and footer respectively. So really, you should aim for a body background image of a height of only 1px.

This method also permits heavy use of imagination to spice things up but again only requiring changes to the style sheet ... a speech balloon arrow can be added to the footer ... gradient added to the body ... thick CSS borders added for emphasis ... puffy clouds surrounding the whole block. Varying background-repeat (and other attributes) for the body block can give you very powerful affects when well planned.

HTML Code:

So after all those rules you get a bordered box with an adjustable height and fixed width.


Note that the background image of the body must merge cleanly with the bottom and top of the header and footer respectively. So really, you should aim for a body background image of a height of only 1px.

CSS Code:

div.cheader {
width: 300px;
background-image: url(images/box-top-300.png);
height: 17px;
}

div.cbody {
width: 280px;
padding-left: 10px;
padding-right: 10px;
background-image: url(images/box-bkgrd-300.png);
}

div.cfooter {
width: 300px;
background-image: url(images/box-bottom-300.png);
height: 20px;
}

HTML Color Picker

Use this color picker to easily choose hexadecimal and RGB color values for your HTML. To choose a color:

1. Click anywhere in the large square to select a color
2. You can adjust the hue using the slider at the right
3. Your selected color appears in the various fields. The hexadecimal value is in bold (This is the value you need if you're using one of our HTML code generators).

R H
G S
B V

#

Choosing Multiple Colors (optional)
Choose/compare up to 3 colors. Click in a field below, then select a color from the color picker... Try it!

Color 1: # ____
Color 2: # ____
Color 3: # ____