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
< is the same as <
> is the same as >
© 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
|