PureBytes Links
Trading Reference Links
|
<x-html><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<META content="MSHTML 5.00.2722.2800" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY>
<DIV align=left><FONT size=2><FONT face="Arial, Helvetica" size=2><FONT
face="Arial, Helvetica, sans-serif" size=2><FONT face="Arial, Helvetica"
size=2><FONT face="Arial, Helvetica, sans-serif" size=3><STRONG><FONT size=1>
<P>Arachnophilia v4.0 (Creates HTML files) & a basic HTML Tutorial (on how
to work with HTML code)
</P></FONT></STRONG></FONT></FONT></FONT></FONT></FONT></DIV>
<DIV align=left><FONT size=2><FONT face="Arial, Helvetica" size=2><FONT
face="Arial, Helvetica, sans-serif" size=2><FONT face="Arial, Helvetica"
size=2><FONT face="Arial, Helvetica, sans-serif" size=3><STRONG>Arachnophilia
</STRONG><FONT size=2>HTML Creator v4.0 program (<FONT size=2>FREE
c</FONT>areWare)</FONT></FONT></FONT></FONT></FONT></FONT></DIV>
<DIV align=left><FONT size=2><FONT face="Arial, Helvetica" size=2><FONT
face="Arial, Helvetica, sans-serif" size=2><FONT size=2><A
href="http://www.arachnoid.com/arachnophilia/">http://www.arachnoid.com/arachnophilia/</A></FONT></FONT></FONT></FONT></DIV>
<DIV align=left><FONT size=2><FONT face="Arial, Helvetica" size=2><FONT
face="Arial, Helvetica, sans-serif" size=3><STRONG>Arachnophilia </STRONG><FONT
size=2>Download Full version <FONT face="Arial, Helvetica" size=2>4.0 (build
5274 - 1.5MB) </FONT></FONT></FONT></FONT></FONT></DIV>
<DIV align=left><FONT size=2><FONT size=2><A
href="http://www.arachnoid.com/lutusp/ftp/arach_full.exe">http://www.arachnoid.com/lutusp/ftp/arach_full.exe</A></FONT></FONT></DIV>
<DIV align=left><FONT size=2><FONT face="Arial, Helvetica" size=2><B><FONT
face="Arial, Helvetica, sans-serif" size=3>Arachnophilia
</FONT></B></FONT>HTML-Tutor</FONT></DIV>
<DIV align=left><FONT size=2><A
href="http://www.arachnoid.com/lutusp/html_tutor.html">http://www.arachnoid.com/lutusp/html_tutor.html</A></FONT></DIV>
<CENTER> </CENTER>
<CENTER><IMG alt=Challenged height=125
src="http://www.arachnoid.com/lutusp/challenged.gif" width=500>
<P>
<TABLE bgColor=#abdbfe border=0 cellPadding=10 cellSpacing=0 width="95%">
<TBODY>
<TR>
<TD><B>Want to learn HTML fast? </B>If you mostly watch television, have
an attention span measured in microseconds, and think reading is a waste
of your valuable time, <I>this page is for you </I>.
<P><B>This page will teach you the basics of HTML as fast as humanly
possible </B>-- you can even skip ahead to the part you are actually
interested in, using the links below. </P></TD></TR></TBODY></TABLE>
<P>
<CENTER><IMG alt="" height=2 src="http://www.arachnoid.com/lutusp/redchip.gif"
width="95%">
<P>
<TABLE>
<TBODY>
<TR>
<TD><B>
<CENTER>Common HTML questions: </CENTER></B>
<P>
<UL>
<LI><A href="http://www.arachnoid.com/lutusp/html_tutor.html#html">What
is HTML?</A>
<LI><A href="http://www.arachnoid.com/lutusp/html_tutor.html#tag">What
is a tag?</A>
<LI><A
href="http://www.arachnoid.com/lutusp/html_tutor.html#memorize">Do I
have to memorize a bunch of tags?</A>
<LI><A
href="http://www.arachnoid.com/lutusp/html_tutor.html#simplest">What is
the simplest HTML page?</A>
<LI><A
href="http://www.arachnoid.com/lutusp/html_tutor.html#hypertext">What is
a Hypertext link?</A>
<LI><A
href="http://www.arachnoid.com/lutusp/html_tutor.html#graphic">How do I
put a graphic image on my page?</A>
<LI><A
href="http://www.arachnoid.com/lutusp/html_tutor.html#background">How do
I put a background graphic on my page?</A>
<LI><A href="http://www.arachnoid.com/lutusp/html_tutor.html#colors">How
do I choose colors?</A>
<LI><A
href="http://www.arachnoid.com/lutusp/html_tutor.html#colorsentirepage">How
do I choose colors for my entire page at once?</A>
<LI><A href="http://www.arachnoid.com/lutusp/html_tutor.html#email">How
do I make a link that sends e-mail?</A>
<LI><A
href="http://www.arachnoid.com/lutusp/html_tutor.html#advanced">How do I
learn advanced HTML methods?</A> </LI></UL><B>
<CENTER>Links to More Choices: </CENTER></B>
<P>
<UL>
<LI><A href="http://www.arachnoid.com/lutusp/pagebuild.html">Help -- I
need a fast, totally automatic home page builder!</A> <BR>
<LI><A href="http://www.arachnoid.com/arachnophilia/arachnofaq.html">I
have questions specifically about Arachnophilia!</A> <BR>
<LI><A href="http://www.arachnoid.com/lutusp/directories.html">Hey --
where did my files go?</A> <BR>
<LI><A href="http://www.arachnoid.com/arachnophilia/index.html">Download
a pretty nice HTML editor (no money required)</A>
<P></P></LI></UL></TD></TR></TBODY></TABLE><IMG alt="" height=2
src="http://www.arachnoid.com/lutusp/redchip.gif" width="95%">
<P></CENTER><BR>
<TABLE border=1 cellPadding=10 cellSpacing=0 width="95%">
<TBODY>
<TR>
<TD><A name=html></A><B>
<CENTER><FONT size=+1>What is HTML? </FONT></CENTER></B>
<P>HTML ( <B>H </B>yper <B>T </B>ext <B>M </B>arkup <B>L </B>anguage) is
the language used to write Web pages. You are looking at a Web page right
now.
<P><B>You can view HTML pages in two ways: </B>
<UL>
<LI>One view is their appearance on a Web browser, just like this page
-- colors, different text sizes, graphics.
<LI>The other view is called "HTML Code" -- this is the code that tells
the browser what to do. </LI></UL><B>Here is the difference between HTML
code and a browser display: </B>
<P>
<CENTER>
<TABLE border=0 cellPadding=10 cellSpacing=0>
<TBODY>
<TR>
<TH>HTML Code </TH>
<TH> </TH>
<TH>Browser Display </TH></TR>
<TR>
<TD bgColor=#c0c0c0>I want to <B>emphasize</B> this! </TD>
<TD></TD>
<TD bgColor=#ffff80>I want to <B>emphasize </B>this!
</TD></TR></TBODY></TABLE></CENTER><BR><B>The code on the left creates the
browser display on the right. </B>
<P>Letters and words that are enclosed in "<" and ">" marks are
called "tags." They tell the browser what to do:
<UL>
<LI>The <B> tag tells the browser to make <B>bold </B>text.
<LI>The </B> tag means to stop making bold text.
</LI></UL></TD></TR></TBODY></TABLE><BR>
<TABLE border=1 cellPadding=10 cellSpacing=0 width="95%">
<TBODY>
<TR>
<TD><A name=tag></A><B>
<CENTER><FONT size=+1>What is a tag? </FONT></CENTER></B>
<P><B>In HTML, a tag tells the browser what to do. </B><BR>When you write
an HTML page, you enter tags for many reasons -- to change the appearance
of text, to show a graphic, or to make a link to another page. <BR><B>The
tags you write are not visible on the browser, but their effects are.
</B><BR>Tags begin with the symbol "<" and end with ">". <BR>Tags
usually come in pairs, one that begins an action and one that ends it.
<BR>This tag: <I> starts printing <I>italicized </I>text. <BR>This
tag: </I> stops the effect of a previous <I> tag. Note the
"/". <BR><B>To italicize a word, you simply put <I> before the word
and </I> after it: </B>
<CENTER>
<TABLE cellPadding=10>
<TBODY>
<TR>
<TH>HTML Code </TH>
<TD> </TD>
<TH>Browser Display </TH></TR>
<TR>
<TD bgColor=#c0c0c0>I want to <I>italicize</I> this! </TD>
<TD></TD>
<TD bgColor=#ffff80>I want to <I>italicize </I>this!
</TD></TR></TBODY></TABLE></CENTER><BR>When you write an HTML page, you
see all the tags and can change them. When you view the page on a browser,
you see the <I>result </I>of the tags. </TD></TR></TBODY></TABLE><BR>
<TABLE border=1 cellPadding=10 cellSpacing=0 width="95%">
<TBODY>
<TR>
<TD><A name=memorize></A><B>
<CENTER><FONT size=+1>Do I have to memorize a bunch of tags?
</FONT></CENTER></B>
<P><B>No. </B>Most programs that help you write HTML code already know
most tags, and create them when you press a button. But you should
understand what a tag is, and how it works. That way you can correct
errors in your page more easily.
<P><B>Here are some common tags: </B><BR>
<CENTER>
<TABLE cellPadding=10>
<TBODY>
<TR>
<TH>Tag </TH>
<TD> </TD>
<TH>HTML Code Example </TH>
<TD> </TD>
<TH>Browser Display Example </TH></TR>
<TR>
<TD bgColor=#0080c0><B> (Bold) </TD>
<TD></TD>
<TD bgColor=#c0c0c0>I want to <B>emphasize</B> this! </TD>
<TD></TD>
<TD bgColor=#ffff80>I want to <B>emphasize </B>this! </TD></TR>
<TR>
<TD bgColor=#0080c0><I> (Italic) </TD>
<TD></TD>
<TD bgColor=#c0c0c0>I want to <I>italicize</I> this! </TD>
<TD></TD>
<TD bgColor=#ffff80>I want to <I>italicize </I>this! </TD></TR>
<TR>
<TD bgColor=#0080c0><U> (Underline) </TD>
<TD></TD>
<TD bgColor=#c0c0c0>I want to <U>underline</U> this! </TD>
<TD></TD>
<TD bgColor=#ffff80>I want to <U>underline </U>this!
</TD></TR></TBODY></TABLE></CENTER></TD></TR></TBODY></TABLE><BR>
<TABLE border=1 cellPadding=10 cellSpacing=0 width="95%">
<TBODY>
<TR>
<TD><A name=simplest></A><B>
<CENTER><FONT size=+1>What is the simplest HTML page? </FONT></CENTER></B>
<P>Here is the very least HTML code that can be called a page:
<CENTER>
<TABLE cellPadding=10>
<TBODY>
<TR>
<TH>HTML Code </TH>
<TD> </TD>
<TH>Browser Display </TH></TR>
<TR>
<TD bgColor=#c0c0c0><HTML>
<P><HEAD> <BR><TITLE>This is my page
title!</TITLE> <BR></HEAD>
<P><BODY>
<P>This is my message to the world!
<P></BODY>
<P></HTML>
<P></P></TD>
<TD></TD>
<TD bgColor=#ffff80>This is my message to the world!
</TD></TR></TBODY></TABLE></CENTER><BR><B>You don't need to know the
meaning of all these tags. </B><BR>Always type a title between the
<TITLE> and </TITLE> tags. This title will appear at the top
of the browser display. <BR>Your page contents go between the <BODY>
and </BODY> tags. <BR>You can type this code in any text editor or
word processor, and if you save it as plain text with a file suffix of
.html (example: mypage.html), you can view it with a browser. <BR>After
you have created a simple page using a text editor, you should consider
getting a better HTML editor. There are lots of them. I even wrote one --
it is called <A
href="http://www.arachnoid.com/arachnophilia/index.html">Arachnophilia</A>
, and it doesn't cost you any money. <BR></TD></TR></TBODY></TABLE><BR>
<TABLE border=1 cellPadding=10 cellSpacing=0 width="95%">
<TBODY>
<TR>
<TD><A name=hypertext></A><B>
<CENTER><FONT size=+1>What is a Hypertext link? </FONT></CENTER></B>
<P><B>A hypertext link is a special tag that links one page to another
page or resource. If you click the link, the browser jumps to the link's
destination. </B>
<P><B>There are two parts to a link: </B>
<UL>
<LI>One part tells the human what to do.
<LI>The other part tells the browser what to do. </LI></UL>Here is an
example:
<CENTER>
<TABLE cellPadding=10>
<TBODY>
<TR>
<TH>HTML Code </TH>
<TD> </TD>
<TH>Browser Display </TH></TR>
<TR>
<TD bgColor=#c0c0c0><A HREF="http://www.microsoft.com">Go to
Microsoft</A> </TD>
<TD></TD>
<TD bgColor=#ffff80><A href="http://www.microsoft.com/">Go to
Microsoft</A> </TD></TR></TBODY></TABLE></CENTER><BR><B>In this example,
the phrase "http://www.microsoft.com" tells the browser what the link's
destination is, and the phrase "Go to Microsoft" tells the human what is
happening. </B><BR>The link on the right is real -- if you press it, you
will go to Microsoft's Web site. <BR>If you want to make a link to one of
your own pages, just use the name of the page without the "http://"
prefix:
<CENTER>
<TABLE cellPadding=10>
<TBODY>
<TR>
<TH>HTML Code </TH>
<TD> </TD>
<TH>Browser Display </TH></TR>
<TR>
<TD bgColor=#c0c0c0><A HREF="../arachnophilia/index.html">Go
to the Arachnophilia Home Page</A> </TD>
<TD></TD>
<TD bgColor=#ffff80><A
href="http://www.arachnoid.com/arachnophilia/index.html">Go to the
Arachnophilia Home Page</A>
</TD></TR></TBODY></TABLE></CENTER><BR></TD></TR></TBODY></TABLE><BR>
<TABLE border=1 cellPadding=10 cellSpacing=0 width="95%">
<TBODY>
<TR>
<TD><A name=graphic></A><B>
<CENTER><FONT size=+1>How do I put a graphic image on my page?
</FONT></CENTER></B>
<P><B>Use the IMG tag. </B>Here is an example:
<CENTER>
<TABLE cellPadding=10>
<TBODY>
<TR>
<TH>HTML Code </TH>
<TD> </TD>
<TH>Browser Display </TH></TR>
<TR>
<TD bgColor=#c0c0c0><IMG SRC="book.gif"> </TD>
<TD></TD>
<TD align=middle bgColor=#ffff80><IMG
src="http://www.arachnoid.com/lutusp/book.gif">
</TD></TR></TBODY></TABLE></CENTER><BR><B>This is a very easy tag to use,
but take these precautions: </B>
<OL>
<LI>If the name of the graphic file is in UPPERCASE, then type the name
into the IMG tag in UPPERCASE also. If it is lowercase, type the name in
lowercase. <I>Case errors won't matter on your home computer, but when
you load your page and graphics onto the Web, suddenly the graphics
won't show up any more. </I>This is because Windows and other popular
home operating systems do not care whether the file names have the right
case, but Web servers do.
<LI>If you want to simply type in the graphic file name as shown here,
the graphic file must be in the same directory as your Web page.
<LI>You can't use just any graphic file on your page. You should limit
yourself to GIF and JPG files -- most current browsers can display these
graphics correctly, and they are also efficient to store on your page
and to download from the Web. </LI></OL></TD></TR></TBODY></TABLE><BR>
<TABLE border=1 cellPadding=10 cellSpacing=0 width="95%">
<TBODY>
<TR>
<TD><A name=background></A><B>
<CENTER><FONT size=+1>How do I put a background graphic on my page?
</FONT></CENTER></B>
<P><B>Add a special field to the BODY tag. </B>Here is an example:
<CENTER>
<TABLE cellPadding=10>
<TBODY>
<TR>
<TH>HTML Code </TH>
<TD> </TD>
<TH>Browser Display </TH></TR>
<TR>
<TD bgColor=#c0c0c0><BODY BACKGROUND="parchment.jpg"> </TD>
<TD></TD>
<TD align=middle bgColor=#ffff80><IMG
src="http://www.arachnoid.com/lutusp/parchment.jpg">
</TD></TR></TBODY></TABLE></CENTER><BR><B>Notes: </B>
<OL>
<LI>Unlike this example, the background graphic repeats itself both
horizontally and vertically. Therefore you can use a small graphic and
still get full coverage of the browser background.
<LI>You can achieve some special effects by using different background
shapes. For example, the <A
href="http://www.arachnoid.com/careware">CareWare</A> page's background
is a long horizontal stripe with a pattern on the left edge. The pattern
is designed to repeat vertically without showing a dividing line.
</LI></OL></TD></TR></TBODY></TABLE><BR>
<TABLE border=1 cellPadding=10 cellSpacing=0 width="95%">
<TBODY>
<TR>
<TD><A name=colors></A><B>
<CENTER><FONT size=+1>How do I choose colors? </FONT></CENTER></B>
<P><B>Choosing colors is one of the more complex parts of HTML. </B>To
select common colors you can just type their names into a FONT tag. Here
are examples:
<CENTER>
<TABLE cellPadding=10>
<TBODY>
<TR>
<TH>HTML Code </TH>
<TD> </TD>
<TH>Browser Display </TH></TR>
<TR>
<TD bgColor=#c0c0c0>I want <FONT COLOR="red">RED!</FONT>
</TD>
<TD></TD>
<TD align=middle bgColor=#ffff80>I want <FONT color=red>RED!
</FONT></TD></TR>
<TR>
<TD bgColor=#c0c0c0>I want <FONT
COLOR="blue">BLUE!</FONT> </TD>
<TD></TD>
<TD align=middle bgColor=#ffff80>I want <FONT color=blue>BLUE!
</FONT></TD></TR>
<TR>
<TD bgColor=#c0c0c0>I want <FONT
COLOR="green">GREEN!</FONT> </TD>
<TD></TD>
<TD align=middle bgColor=#ffff80>I want <FONT color=green>GREEN!
</FONT></TD></TR></TBODY></TABLE></CENTER><BR><B>But if you want to
specify an exact color, you have to use special codes </B>(don't despair
-- the better HTML editors let you use a color selector dialog):
<CENTER>
<TABLE cellPadding=10>
<TBODY>
<TR>
<TH>HTML Code </TH>
<TD> </TD>
<TH>Browser Display </TH></TR>
<TR>
<TD bgColor=#c0c0c0>I want <FONT COLOR="#004080">what I
want!</FONT> </TD>
<TD></TD>
<TD align=middle bgColor=#ffff80>I want <FONT color=#004080>what I
want! </FONT></TD></TR>
<TR>
<TD bgColor=#c0c0c0>I want <FONT COLOR="#804040">what I
want!</FONT> </TD>
<TD></TD>
<TD align=middle bgColor=#ffff80>I want <FONT color=#804040>what I
want! </FONT></TD></TR>
<TR>
<TD bgColor=#c0c0c0>I want <FONT COLOR="#8000ff">what I
want!</FONT> </TD>
<TD></TD>
<TD align=middle bgColor=#ffff80>I want <FONT color=#8000ff>what I
want! </FONT></TD></TR></TBODY></TABLE></CENTER><BR><B>To choose a custom
color in </B><A
href="http://www.arachnoid.com/arachnophilia/index.html">Arachnophilia</A>
, just put the editing cursor in the color definition and press the right
mouse button. </TD></TR></TBODY></TABLE><BR>
<TABLE border=1 cellPadding=10 cellSpacing=0 width="95%">
<TBODY>
<TR>
<TD><A name=colorsentirepage></A><B>
<CENTER><FONT size=+1>How do I choose colors for my entire page at once?
</FONT></CENTER></B>
<P><B>You add some special fields to the BODY tag. </B>Example:
<CENTER>
<TABLE cellPadding=10>
<TBODY>
<TR>
<TH>HTML Code </TH>
<TD> </TD>
<TH>Browser Display </TH></TR>
<TR>
<TD bgColor=#c0c0c0><BODY BGCOLOR="blue" TEXT="red">
<P>This is my page text!
<P></BODY> </P></TD>
<TD></TD>
<TD align=middle bgColor=blue><FONT color=red>This is my page text!
</FONT></TD></TR></TBODY></TABLE></CENTER><BR></TD></TR></TBODY></TABLE><BR>
<TABLE border=1 cellPadding=10 cellSpacing=0 width="95%">
<TBODY>
<TR>
<TD><A name=email></A><B>
<CENTER><FONT size=+1>How do I make a link that sends e-mail?
</FONT></CENTER></B>
<P><B>An e-mail tag is not very difficult to design. </B>The tag launches
the visitor's own e-mail program and fills in the address you specify.
Example:
<CENTER>
<TABLE cellPadding=10>
<TBODY>
<TR>
<TH>HTML Code </TH>
<TD> </TD>
<TH>Browser Display </TH></TR>
<TR>
<TD bgColor=#c0c0c0><A
HREF="MAILTO:youraddress@xxxxxxxxxxxxxx">Click here to send
e-mail</A> </TD>
<TD></TD>
<TD bgColor=#ffff80><A
href="mailto:youraddress@xxxxxxxxxxxxxx">Click here to send
e-mail</A> </TD></TR></TBODY></TABLE></CENTER><BR></TD></TR></TBODY></TABLE><BR>
<TABLE border=1 cellPadding=10 cellSpacing=0 width="95%">
<TBODY>
<TR>
<TD><A name=advanced></A><B>
<CENTER><FONT size=+1>How do I learn advanced HTML methods?
</FONT></CENTER></B>
<P><B>The easiest way to learn advanced methods (translation: neat
tricks): </B>
<UL>
<LI>Browse the Web and look for interesting pages that have the features
you want for your page.
<LI>Using the File menu features of your browser, copy the interesting
pages onto your computer.
<LI>Load the pages into your HTML editor. If you don't have an HTML
editor, <A
href="http://www.arachnoid.com/arachnophilia/index.html">click here</A>
.
<LI>Copy the code from the interesting page to your page.
</LI></UL><B>Medium hard: browse the Web for HTML resources -- there are
many. </B><A href="http://altavista.digital.com/">Go to a Search
Engine</A> <BR><B>A somewhat harder way is to buy a book about HTML
programming and read it. </B></TD></TR></TBODY></TABLE>
<P><IMG alt="" height=2 src="http://www.arachnoid.com/lutusp/redchip.gif"
width="95%">
<P>
<P>
<CENTER><FONT size=3>These Pages Created and Maintained using <A
href="http://www.arachnoid.com/arachnophilia/index.html"><IMG align=bottom
border=0 height=32 src="http://www.arachnoid.com/arachnophilia/webthing.gif"
width=32></A> <A
href="http://www.arachnoid.com/arachnophilia/index.html">Arachnophilia.</A>
</FONT></CENTER>
<P><IMG alt="" height=2 src="http://www.arachnoid.com/lutusp/redchip.gif"
width="95%">
<P><A href="http://www.arachnoid.com/index.html" target=_top><FONT size=5>Main
Page</FONT></A>
<P></CENTER></P></BODY></HTML>
</x-html>Content-Type: image/gif;
name="challenged.gif"
Content-Location: http://www.arachnoid.com/lutusp/challenged.gif
Attachment Converted: "f:\eudora\attach\challenged.gif"
Content-Type: image/gif;
name="redchip.gif"
Content-Location: http://www.arachnoid.com/lutusp/redchip.gif
Attachment Converted: "f:\eudora\attach\redchip.gif"
Content-Type: image/gif;
name="book.gif"
Content-Location: http://www.arachnoid.com/lutusp/book.gif
Attachment Converted: "f:\eudora\attach\book.gif"
Content-Type: image/jpeg;
name="parchment.jpg"
Content-Location: http://www.arachnoid.com/lutusp/parchment.jpg
Attachment Converted: "f:\eudora\attach\parchment.jpg"
Content-Type: image/gif;
name="webthing.gif"
Content-Location: http://www.arachnoid.com/arachnophilia/webthing.gif
Attachment Converted: "f:\eudora\attach\webthing.gif"
|