BASIC HTML GUIDE
This is a very simple guide to the most basic HTML needs for a page. Simply scan the page until you see something under "results" that is similar to what you want on your page. Then copy what is under "code" and paste it into your document, making the right changes so it works correctly (points to the right URLs or shows the correct text, etc).
Your First HTML Page
To make your beginning HTML page, all you need to do is write it with a text editor (like WordPad in Windows...), select "Save As..." and save it as index.html or whatever you wish to name it- as long as you call it something with the .html or .htm extension. Your next step would be to upload it to your website account (you can get one for free from www.geocities.com or www.tripod.com) and then view it from your website's address.
The following is the outline of the very least you can include in a document of HTML.
Code:
<html>
<head>
<TITLE>A VERY Simple HTML Example</TITLE>
</head>
<body bgcolor="#FFFFFF">
<H1>HTML is Simple</H1>
<P>Welcome to my HTML. This is the first paragraph.</P>
<P>And this is the second paragraph.</P> </body> </html>
Results:
Welcome to my HTML. This is the first paragraph.
And this is the second paragraph.
Code:
<center>
This will center a region of text or images, etc.
</center>
Results:
This will center a region of text or images, etc.
Code:
<b>This will make bold text</b>
Results:
This will make bold text
Code:
<i> Italic lettering </i>
Results:
Italic lettering
Code:
<a href="http://www.spiritonline.com/board.html">This makes a link to the forum</a>.
Results:
This makes a link to the forum.
Code:
<hr>
Results:
Code:
Skips<br>
to the<br>
next line.<br>
Results:
Skips
to the
next line.
Code:
<p> This is a new paragraph.</p>
<p>Here is yet another new paragraph.</p>
Results:
This is a new paragraph.
Here is yet another new paragraph.
Code:
<font size="1">Font size 1 </font>
<font size="2">Font size 2 </font>
<font size="3">Font size 3 </font>
<font size="4">Font size 4 </font>
<font size="5">Font size 5 </font>
Results:
Font size 1
Font size 2
Font size 3
Font size 4
Font size 5
Code:
<font color="#000000">White Text</font>
Results:
White Text
For more colors, See: Color Codes
Code:
<font face="Arial">Arial font </font>
Comic Sans MS, Helvetica font
<font face="Times New Roman">Times New Roman font </font>
Times New Roman font
<font face="Verdana">Verdana font</font>
Verdana font
Results:
Arial font
Times New Roman font
Verdana font
Code:
<img src="http://www.spiritonline.com/gallery/dragon6.gif">
Results:
Code:
<blockquote>
This will make text indented on both the left and right sides. You may also put other codes inside the block as well, such as this bold, italicized link to point you to <b><i><a href="http://www.spiritonline.com/board.html">other places.</a></i></b>
</blockquote>
Results:
This will make text indented on both the left and right sides. You may also put other codes inside the block as well, such as this bold, italicized link to point you to other places.