Web Hosting Wit.Com
Webhosting, Server and Web Site Help & Information

Internet Services

Coding Tutorials

Tips & Tricks

Charts

HTML Support

HTML Tags

Coding Tutorials

Quick Reference
The following are common instructions used in writing HTML, with what they do and how to use them. You may use all of these HTML tags in conjunction with each other. To see actual code examples, please see HTML Code. Note: text should be replaced with actual text.

b Makes the enclosed text bold. example

i Puts the enclosed text in italics. example

u Underlines the enclosed text. example

sub Subscripts the enclosed text. _example

<sub>text</sub>

sup Superscripts the enclosed text. ^example

<sup>text</sup>

strike Strikes out the enclosed text. ~~example~~

<strike>text</strike>

tt Displays the enclosed text in a fixed width font. example

Makes the enclosed text an anchor to another location or page. Other options are available for use inside this tag:


href	References where the anchor will point to. This can be a URL, another page, or a target on the same page.

name	Defines a target. Should be used by itself inside the a tag.

target	This is used when frames are present, and will load the referenced page into the given target. For a new window, use a non-existent frame name, and to clear all frames, use _top.

<a href="http://www.webhostingsit.com" target="_top">text</a>
<a href="free_html_tags.html" target="middle">text</a>
<a name="target on page"></a>
<a href="#target on page">text</a>

This is for making ordered lists. Other options are available for use inside this tag:


start	Defines what number the first item will start on.

type	Defines by what means the list is numbered. Options to use are: A (A, B, C...), a (a, b, c...), I (I, II, III...), i (i, ii, iii...), 1 (1, 2, 3...)

continue	Tells the list to continue from where the last one left off.

<ol start=4 type=A>
<li>4 USB Ports
<li>2 Firewire Ports
<li>2 Optical Ports
</ol>

This is for making unordered lists. Other options are available for use inside this tag:


plain	Using this will order your list without any bullets.

type	Defines the type of bullet to use. Choose from: disc, circle, or square

<ul type=square>
<li>4 USB Ports
<li>2 Firewire Ports
<li>2 Optical Ports
</ul>

html Required for documents to be displayed as a webpage.

<html>
html document
</html>

head The place where tags such as title and link that contain information about the HTML document are stored.

<head>
HTML information tags
</head>

title Contains the title for the HTML document that will be displayed at the top of the web browser. Must be located between the head tags.

<title>text</title>

br Inserts a break (carriage return).

text<br>
text

Displayes the enclosed text in a level 1 heading. Other options are available for use inside this tag:


align	Defines how the enclosed text will be aligned. Use: left, center, right, or justify

nowrap	Forces all of your text to be on the same line (no wrapping).

<h1 align=centernowrap>heading</h1>

heading

Displayes the enclosed text in a level 2 heading. Other options are available for use inside this tag:


align	Defines how the enclosed text will be aligned. Use: left, center, right, or justify

nowrap	Forces all of your text to be on the same line and not to wrap.

<h2 align=center nowrap>heading</h2>

heading

Displayes the enclosed text in a level 3 heading. Other options are available for use inside this tag:


align	Defines how the enclosed text will be aligned. Use: left, center, right, or justify

nowrap	Forces all of your text to be on the same line and not to wrap.

<h3 align=center nowrap>heading</h3>

heading

Displayes the enclosed text in a level 4 heading. Other options are available for use inside this tag:


align	Defines how the enclosed text will be aligned. Use: left, center, right, or justify

nowrap	Forces all of your text to be on the same line and not to wrap.

<h4 align=center nowrap>heading</h4>

heading

Displayes the enclosed text in a level 5 heading. Other options are available for use inside this tag:


align	Defines how the enclosed text will be aligned. Use: left, center, right, or justify

nowrap	Forces all of your text to be on the same line and not to wrap.

<h5 align=center nowrap>heading</h5>

heading

Displayes the enclosed text in a level 6 heading. Other options are available for use inside this tag:


align	Defines how the enclosed text will be aligned. Use: left, center, right, or justify

nowrap	Forces all of your text to be on the same line and not to wrap.

<h6 align=center nowrap>heading</h6>

heading

font

Formats the appearance of the enclosed text. Other options are available for use inside this tag:


size	Can be used either to set the actual size of the font, or to increase/decrease the font by a size. To set the size, use an integer between 1 and 7, and to increase/decrease, use + or - followed by an integer representing how many sizes.

color	Sets the color of the font. For a color chart, click here.

face	Sets the font style of the enclosed text. If you're not using standard fonts, use a comma-separated list of font names the computer will search for if those are not found.

<font face="denmark, verdana" size="2">text</font> example
<font face="courier" color="#F00000" size="-1">text</font> example
<font color="#000080">text</font> example

Inserts a rule. Other options are available for use inside this tag:


align	Defines how the rule will be aligned. Use: left, center, or right

noshade	The default look is three-dimensional. Using this will give a two-dimensional appearance.

size	Sets the height of the rule.

width	Sets the width of the rule. You can use a fixed value or a percentage value.

img

Displays an image most commonly of type GIF, JPG (JPEG), or PNG. Use src to assign where to get the image from. It can be a URL or a local directory. Other options are available for use inside this tag:


alt	This allows you to include a description of the image.

align	Defines the location of the image. When used with text, use bottom, middle, top, left, or right. When used by itself, use left, center, or right.

width	Changes the width of the image. Unless you also include a value for height, the image will be automatically scaled.

height	Changes the height of the image. Unless you also include a value for width, the image will be automatically scaled.

border	Adds a border to the image.

hspace	Adds space on the left and right side of the image.

vspace	Adds space on the top and bottom of the image.

<img src="pictures/lemon.gif" border=2 align=center vspace=10>
<img src="clock.jpg" alt="Picture of an alarm clock" width=300 height=200>

If you have any programming tips, information, or scripts you would like to add to the site e-mail it to webmaster@webhostingwit.com