HTML-2-Go
The HTML Page for the lazy

I created this because before I learn't HTML I couldn't build a decent site. Now I feel sorry for all the HTML dummies so  here is an easy to use HTML help page.

How to use

1. Decide on the HTML code you need.
2. Find it on the page.
3. Right click on your mouse.
4. Select Copy.
5. Then right click again.
6. Select paste and paste it wherever you want.

Index of Contents
Preformatted Text
Basic Structure of a Site
Controlling colours on your page Bulleted list
Background images
Numbered list
Centering
Jumping around a document
Headings Graphics
Bolds and Italics
Creating links
Paragraph and line breaks
/clipart/hrules/Generic/marble.gif
Basic Structure of a Site

The basic structure of a website looks like this:

<HTML>
<HEAD>
<TITLE> your title</TITLE>
</HEAD>
<BODY>
main_part_of_document_goes_here
</BODY>
</HTML>

Back to Index
/clipart/hrules/Generic/marble.gif
Controlling colours on the page

With the code below you can control the colours on your page:

<BODY BGCOLOR="#xxxxxx" text="#xxxxxx" link="#xxxxxx" vlink="#xxxxxx" alink="#xxxxxx">

All you need to do is replace the xxxxxx with any of the below:

White = FFFFFF
Yellow = FFFF66
Red = FF0000
Grey = CC9999
Blue = 0000FF
Green = 00FF00
Black = 000000
Purple = CC33FF
Lt. Blue = 00CCFF

Back to index
/clipart/hrules/Generic/marble.gif
Background Images

If you want an image in the background instead of a solid colour the code looks like this:

<BODY BACKGROUND="yourimage.gif" text="#000000" link="#0066CC" vlink="#336600">

Back to Index
/clipart/hrules/Generic/marble.gif
Centering text or images

To center text, images or anything else put these tags around them:

<center>Centered item here</center>

Back to Index
/clipart/hrules/Generic/marble.gif
Headings

To make something a heading use these tags:
(the top is the largest)

<h1>The writing goes here</h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>

Back to Index
/clipart/hrules/Generic/marble.gif
Bolds and Italics

To make text bold use these tags:

<b>Your text</b>

To make something italic use these tags:

<i>Your text</i>

Back to Index
/clipart/hrules/Generic/marble.gif
Paragraph and Line Breaks

To do a paragraph break use these tags:

<p></p>

To do a line break use these tags:

<br></br>

Back to Index
/clipart/hrules/Generic/marble.gif
Preformatted text

If you want your text to show up just as you wrote it use these tags:

<pre></pre>

The text shows up as type writer form.

Back to Index
/clipart/hrules/Generic/marble.gif
Bulleted List

To create a bulleted list use these tags:

<ul>
<li>item one
<li>item two
<li>item three
</ul>


Back to Index
/clipart/hrules/Generic/marble.gif
Numbered List

This is the code for a numbered list

<ol>
<li>item one
<li>item two
<li>item three
</ol> 

:

Back to Index
/clipart/hrules/Generic/marble.gif
Jumping within a document

You will need to create a target:

<a name="target_name_here">

Then a link to the target:

<a href="#target_name_here">hotlink_text</a>

Back to Index
/clipart/hrules/Generic/marble.gif
Graphics

To insert a graphics use this code:

<img src="right.gif" align=bottom>

To center it simply use the centering tags.

Back to Index
/clipart/hrules/Generic/marble.gif
Links

This code is for a link to a document on the same system:

<a href="relative_path_and_filename">hotlink_text </a>

And on a different system:

<a href="http://www.domainname.com/etc/etc">hot_link_text </a>

Back to Index
/clipart/hrules/Generic/marble.gif
By Sheryl Willson