webhosting Web Hosting Wit.Com
Webhosting, Server and Web Site Help & Information
Internet Services
  Domain Names
  Web Hosting
  Accept Credit Cards
  SSL Certificates
  T1 Connections
 
Coding Tutorials
  HTML Tags
  HTML Code
  Style Sheets
  Javascript
  PHP Tutorial
  ASP Tutorial
  SQL (Database)
  ASP Code
  HTML Templates
 
Tips & Tricks
  Design Dos & Don'ts
  HTML Tips
  Useful Applications
  Search Engines
  My IP Lookup
 
Charts
HTML Support
  HTML Standards
  HTML Programming
  HTML Help
  HTML Coding
  HTML and CSS
  HTML Support
 
Contact Us
Home Page
 
html basic code
free html codes
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
<b>text</b>
i   Puts the enclosed text in italics. example
<i>text</i>
u   Underlines the enclosed text. example
<u>text</u>
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
<tt>text</tt>
a   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>
ol   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>
ul   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
h1   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

h2   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

h3   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

h4   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

h5   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
h6   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
hr   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.
<hr noshade align="center" size="3" width="75%">

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

2003 Web Hosting Wit.Com and its licensors. All Rights Reserved
Designed by Fencl Web Design