Skip to content
Permalink
main
Switch branches/tags
Go to file
 
 
Cannot retrieve contributors at this time
<HTML>
<HEAD>
<TITLE>Mooncow.com Cool Pages in a nutshell!</TITLE>
</HEAD>
<BODY BGCOLOR="FFFFFF">
<CENTER><H2>Mooncow.com Cool Pages in a nutshell!<BR> A very brief tutorial on HTML</H2></CENTER>
<font face="arial" size=3>
<H3>Print this Page</H3>
<BR>This is a very basic tutorial, a more detailed tutorial can be found <A HREF="tutorial.htm">Here</A>
<P>
(First, to take a TEST DRIVE of our FREE Cool Pages Web Pages, you can use "guest" & "guest" as username and password.)
<p>
This information is what you'll need when you "write" your web page. First you'll need to become a member. Go back to the <A HREF="http://www.mooncow.com/coollogin/login.htm">Login Page</a>, and click on "New User"
<P>
In HTML you control the look of your page with 'tags'. A 'tag' tells your
browser what to do with the line, or lines, of text or images.<BR>
A 'tag' always begins with a less-than sign &nbsp; <B> &lt; </B>
<BR>
and ends with a greater-than sign &nbsp; <B> &gt; </B>
<BR>
and should look like this - &lt;XXX&gt;<BR>
<P>
Some tags require an end.<BR>
- start &lt;XXX&gt;<BR>
- end &lt;/XXX&gt; - the end tag uses a forward slash in front of the
letters
<P>
<HR>
<CENTER>
<H2>A brief Explanation of common tags you may want to use</H2>
</CENTER>
<P>
<B>&lt;B&gt; - Bold</B> text, requires an end tag <B>&lt;/B&gt;</B>
<P>
<B>&lt;CENTER&gt;</B> - Centers text on the page, requires an end center
<B>&lt;/CENTER&gt;</B>
<P>
<B>&lt;P&gt;</B> - A paragraph, skips a line. (no end P required)
<P>
<B>&lt;BR&gt;</B> - This is a line break, use it when you want to stop a line
at a certain place.
<P>
<B>NOTE: Paragraph tags are not required for EZ HTML, this is
done automatically in the program.</B>
<P>
<B>&lt;H1&gt;</B> - Header, requires an end tag <B>&lt;/H1&gt;</B>
Headers are numbered 1 to 6, #1 being the largest.<BR>
<H1>Header #1</H1>
<H2>Header #2</H2>
<H3>Header #3</H3>
<H4>Header #4</H4>
<H5>Header #5</H5>
<H6>Header #6</H6>
<P>
<HR>
<CENTER><H1>Advanced Section</H1></CENTER>
<P>
<H2>Anchors (clickable text)</H2>
All Anchors begin with the &lt;A . . . the most common is &lt;A HREF=" . . ."&gt;
This is used to access another page somewhere on the net. It could be another
of your pages on your server, or half way around the world. Using hypertext
anchors is easy. Just type in the 'http://' address between the quotes in the
anchor tag, and type a description of the 'link' after the tag, then end the
'link' with &lt;/A&gt; end anchor tag.
<P>
<B>&lt;A HREF="address_to_page"&gt;</B> - Anchor tag, requires an end tag
<B>&lt;/A&gt;</B>
<P>
&lt;A HREF="http://www.address_to_page"&gt;<A HREF="">Clickable text here</A>&lt;/A&gt;<BR>
<P>
&lt;A HREF="http://www.rlaj.com"&gt;<A HREF="http://www.rlaj.com">Visit my Home Page</A>&lt;/A&gt;
<P>
<H2>How to link your pages</H2>
On the page creator form in one of the 'link' boxes, just type the name
of the page you want to link to, Then put discriptive text for the link.
<P>
<B>Example:</B>
<BR>
If you are on your first page and you want to link to your second page,
in one of the 'link' boxes, just type the name of your 2nd page -
<B>your-username2.html</B>
<BR>
Then put discriptive text for the page, this
is your '<FONT COLOR=0000FF><U>clickable</U></FONT>' text.
<P>
<H2>Images</H2>
The image tag is written: &lt;IMG SRC="path-to-image/image-name.extention"&gt;
<P>
<H2>How to add more images to your page.</H2>
<P>
The tag you need to use to add more images to your page is:
<BR>
<B>&lt;IMG SRC="../images/your_image.gif"&gt;</B>
<P>
Just copy the above tag and place it in one of the paragraphs where you
would like the image to appear. Select the image you want to use
and replace the 'your_image.gif' with your image name.<BR>
You can only use .gif or .jpg images with this program.
<H2>Lists</H2>
<B>&lt;UL&gt;</B> - this is an unordered list (requires an end tag &lt;/UL&gt;)
<P>
<B>&lt;LI&gt;</B> - this is a list item, will show a bullet next to the item
<p>
&lt;UL&gt;<UL>
<LI>&lt;LI&gt;List item number one
<LI>&lt;LI&gt;List item number two
</UL>
&lt;/UL&gt;
<P>
<B>&lt;OL&gt;</B> - this is an Ordered list (requires an end tag &lt;/OL&gt;)
<P>
<B>&lt;LI&gt;</B> - this is a list item, will show a number next to the item
<p>
&lt;OL&gt;<OL>
<LI>&lt;LI&gt;List item number one
<LI>&lt;LI&gt;List item number two
</OL>
&lt;/OL&gt;
<H2>Horizontal Rule</H2>
<B>&lt;HR&gt;</B> - No end tag required
<P>
<HR>
<P>
If you want more than this tutorial, a more detailed page is available
<A HREF="tutorial.htm"> Here</A>
<HR>
</BODY>
</HTML>