cheap web hosting budget web hosting
Pro | Enterprise | FAQ | Contact | Support | Testimonials | Home

Compare Web Hosting Plans
Included hosting tools






web hosting guide
web hosting forums
free web hosting

About MySiteSpace Web Hosting

 

HTML Reference Guide
Below is a quick-list of most of your basic HTML syntax. This is a great guide for web masters just getting started. In attempt to not overwhelm the junior webmaster we have posted just the basic html tags here.

Basic HTML Structure
<html>
<head>
<title>Title of your page here!</title>
</head>
<body>
The content of your web site goes here!
</body>
</html>

Heading Elements
<h1>Largest Heading</h1>
<h2> . . . </h2>
<h3> . . . </h3>
<h4> . . . </h4>
<h5> . . . </h5>
<h6>Smallest Heading</h6>

Text Related Tags
<p>This is a paragraph</p>
<br> (line break)
<hr> (horizontal rule)
<pre>This text is preformatted</pre>

Physical Styles
<b>This text is bold</b>
<i>This text is italic</i>

Logical Styles
<em>This text is emphasized</em>
<strong>This text is strong</strong>
<code>This is some computer code</code>

Links & Anchors
<a href="http://www.mysitespace.com/">Click for MySiteSpace</a>
<a href="http://www.mysitespace.com/"><img src="myimage.gif" alt="Alt text for image"></a>
<a href="#anchor_name">This jumps to an anchor on the same page</a>
<a href="mailto:you@youraddress.com">Email Me </a>

Image Elements
<img src="myimage.gif" alt="Alt text for image"> - Basic
<img src="myimage.gif" width="50" height="100" border="1" align="right" vspace="5" hspace="10" alt="Alt text for image"> - Advanced
width = width of image
height = height of image
border = size border around image. 0 = no border.
align = right means image is to the right with text wrapping around. Left means image is to the left with text wrapping around.
vspace = verticle spacing between image and other content.
hspace = horizontal spacing between image and other content.
alt = text people will see if image is not available, or in some cases if mouse is over the image. Can also be useful for search engine placement.

Unordered list (Bullet List)
<ul>
<li>First item</li>
<li>Next item</li>
</ul>

Ordered list (Numbered List)
<ol>
<li>First item</li>
<li>Next item</li>
</ol>

Definition list
<dl>
<dt>First term</dt>
<dd>Definition</dd>
<dt>Next term</dt>
<dd>Definition</dd>
</dl>

Tables
<table border="1" cellpadding="5" cellspacing="5" >
<tr>
<th>someheader</th>
<th>someheader</th>
</tr>
<tr>
<td>sometext</td>
<td>sometext</td>
</tr>
</table>

border = size of border around table and between cells.
cellspacing = space between cells in table.
cellspacing = space between inner wall of a cell and it's content. (breathing room)

Frames
<frameset cols="25%,75%"> * Can also use fixed values by dropping the %
<frame src="page1.htm">
<frame src="page2.htm">
</frameset>

Forms
<form action="/cgi-bin/sendmail.cgi" method="post">
<input type="text" name="name" value="Your Name" size="30"> - Standard
<input type="password"> - Hides Entered data
<input type="checkbox" name="messagetype" checked="checked"> - Checkbox for multiple selections.
<input type="radio" name="messagetype" checked="checked"> - Radio button for single selections.
<input type="submit"> - submit button
<input type="reset"> - reset form fields
<input type="hidden" value="affiliatecode" name="hiddenfield"><textarea name="Comment" rows="60" cols="20"></textarea> - big text field.
</form>

Code for Characters
&lt; is the same as <
&gt; is the same as >
&#169; is the same as ©

Misc. HTML Tags
<!-- This is a comment -->

<blockquote>
Text quoted from some source.
</blockquote>

Return to Web Hosting Guide

Choose Your Budget Web Hosting Plan

© 2003 MySiteSpace.com