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>
<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.D2D-Web-Hosting.com/">Click for
D2D-Web-Hosting</a>
<a href="http://www.D2D-Web-Hosting.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
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>
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 Hosting Guide
|