|
PureBytes Links
Trading Reference Links
|
<x-html><!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
A.J.Maas, c/o metastock.com
<p>Just got up from the couch after watching a 3rd rerun of "The Sopranos",
Episode 2! Thanks for your posting. Even we non-conceptually challenged
old-timers are appreciative.
<p>Best regards,
<p>kenlehr@xxxxxxxxxxxx
<blockquote TYPE=CITE><style></style>
<b><font face="Arial, Helvetica, sans-serif"><font size=-2>Arachnophilia
v4.0 (Creates HTML files) & a basic HTML Tutorial (on how to work with
HTML code)</font></font></b><font face="Arial, Helvetica, sans-serif"><b><font size=+0>Arachnophilia
</font></b><font size=-1>HTML Creator v4.0 program (FREE careWare)</font></font><font face="Arial, Helvetica, sans-serif"><font size=-1>http://www.arachnoid.com/arachnophilia/</font></font><font face="Arial, Helvetica, sans-serif"><b><font size=+0>Arachnophilia
</font></b><font size=-1>Download Full version </font></font><font face="Arial, Helvetica"><font size=-1>4.0
(build 5274 - 1.5MB)</font></font><font size=-1>http://www.arachnoid.com/lutusp/ftp/arach_full.exe</font><b><font face="Arial, Helvetica, sans-serif"><font size=+0>Arachnophilia
</font></font></b><font size=-1>HTML-Tutor</font><font size=-1>http://www.arachnoid.com/lutusp/html_tutor.html</font>
<center>
<p><br><img SRC="cid:part1.389CCBD3.FE8C769F@xxxxxxxxxxxx"; ALT="Challenged" height=125 width=500></center>
<center><table BORDER=0 CELLSPACING=0 CELLPADDING=10 WIDTH="95%" BGCOLOR="#ABDBFE" >
<caption>
<center><TBODY>
<br></TBODY></center>
</caption>
<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. </td>
</tr>
</table></center>
<center>
<p><img SRC="cid:part2.389CCBD3.FE8C769F@xxxxxxxxxxxx"; ALT="" height=2 width=95%></center>
<center><table>
<caption>
<center><TBODY>
<br></TBODY></center>
</caption>
<tr>
<td>
<center><b>Common HTML questions: </b></center>
<ul>
<li>
<a href="http://www.arachnoid.com/lutusp/html_tutor.html#html";>What is
HTML?</a> </li>
<li>
<a href="http://www.arachnoid.com/lutusp/html_tutor.html#tag";>What is a
tag?</a> </li>
<li>
<a href="http://www.arachnoid.com/lutusp/html_tutor.html#memorize";>Do I
have to memorize a bunch of tags?</a> </li>
<li>
<a href="http://www.arachnoid.com/lutusp/html_tutor.html#simplest";>What
is the simplest HTML page?</a> </li>
<li>
<a href="http://www.arachnoid.com/lutusp/html_tutor.html#hypertext";>What
is a Hypertext link?</a> </li>
<li>
<a href="http://www.arachnoid.com/lutusp/html_tutor.html#graphic";>How do
I put a graphic image on my page?</a> </li>
<li>
<a href="http://www.arachnoid.com/lutusp/html_tutor.html#background";>How
do I put a background graphic on my page?</a> </li>
<li>
<a href="http://www.arachnoid.com/lutusp/html_tutor.html#colors";>How do
I choose colors?</a> </li>
<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>
<li>
<a href="http://www.arachnoid.com/lutusp/html_tutor.html#email";>How do
I make a link that sends e-mail?</a> </li>
<li>
<a href="http://www.arachnoid.com/lutusp/html_tutor.html#advanced";>How
do I learn advanced HTML methods?</a> </li>
</ul>
<center><b>Links to More Choices: </b></center>
<ul>
<li>
<a href="http://www.arachnoid.com/lutusp/pagebuild.html";>Help -- I need
a fast, totally automatic home page builder!</a> </li>
<li>
<a href="http://www.arachnoid.com/arachnophilia/arachnofaq.html";>I have
questions specifically about Arachnophilia!</a> </li>
<li>
<a href="http://www.arachnoid.com/lutusp/directories.html";>Hey -- where
did my files go?</a> </li>
<li>
<a href="http://www.arachnoid.com/arachnophilia/index.html";>Download a
pretty nice HTML editor (no money required)</a> </li>
<br>
<p> </ul>
</td>
</tr>
</table></center>
<center><img SRC="cid:part2.389CCBD3.FE8C769F@xxxxxxxxxxxx"; ALT="" height=2 width=95%></center>
<br>
<center><table BORDER CELLSPACING=0 CELLPADDING=10 WIDTH="95%" >
<caption>
<center><TBODY>
<br></TBODY></center>
</caption>
<tr>
<td><a NAME="html"></a>
<center><b><font size=+1>What is HTML? </font></b></center>
<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>
<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>
<center><table BORDER=0 CELLSPACING=0 CELLPADDING=10 >
<caption>
<center><TBODY>
<br></TBODY></center>
</caption>
<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>
</table></center>
<p><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>
<li>
The </B> tag means to stop making bold text. </li>
</ul>
</td>
</tr>
</table></center>
<center><table BORDER CELLSPACING=0 CELLPADDING=10 WIDTH="95%" >
<caption>
<center><TBODY>
<br></TBODY></center>
</caption>
<tr>
<td><a NAME="tag"></a>
<center><b><font size=+1>What is a tag? </font></b></center>
<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 >
<caption>
<center><TBODY>
<br></TBODY></center>
</caption>
<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>
</table></center>
<p>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>
</table></center>
<center><table BORDER CELLSPACING=0 CELLPADDING=10 WIDTH="95%" >
<caption>
<center><TBODY>
<br></TBODY></center>
</caption>
<tr>
<td><a NAME="memorize"></a>
<center><b><font size=+1>Do I have to memorize a bunch of tags? </font></b></center>
<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>
<center><table CELLPADDING=10 >
<caption>
<center><TBODY>
<br></TBODY></center>
</caption>
<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>
</table></center>
</td>
</tr>
</table></center>
<center><table BORDER CELLSPACING=0 CELLPADDING=10 WIDTH="95%" >
<caption>
<center><TBODY>
<br></TBODY></center>
</caption>
<tr>
<td><a NAME="simplest"></a>
<center><b><font size=+1>What is the simplest HTML page? </font></b></center>
<p>Here is the very least HTML code that can be called a page:
<center><table CELLPADDING=10 >
<caption>
<center><TBODY>
<br></TBODY></center>
</caption>
<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> </td>
<td></td>
<td BGCOLOR="#FFFF80">This is my message to the world! </td>
</tr>
</table></center>
<p><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 Arachnophilia
, and it doesn't cost you any money. </td>
</tr>
</table></center>
<center><table BORDER CELLSPACING=0 CELLPADDING=10 WIDTH="95%" >
<caption>
<center><TBODY>
<br></TBODY></center>
</caption>
<tr>
<td><a NAME="hypertext"></a>
<center><b><font size=+1>What is a Hypertext link? </font></b></center>
<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>
<li>
The other part tells the browser what to do. </li>
</ul>
Here is an example:
<center><table CELLPADDING=10 >
<caption>
<center><TBODY>
<br></TBODY></center>
</caption>
<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">Go to Microsoft</td>
</tr>
</table></center>
<p><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 >
<caption>
<center><TBODY>
<br></TBODY></center>
</caption>
<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>
</table></center>
</td>
</tr>
</table></center>
<center><table BORDER CELLSPACING=0 CELLPADDING=10 WIDTH="95%" >
<caption>
<center><TBODY>
<br></TBODY></center>
</caption>
<tr>
<td><a NAME="graphic"></a>
<center><b><font size=+1>How do I put a graphic image on my page? </font></b></center>
<p><b>Use the IMG tag. </b>Here is an example:
<center><table CELLPADDING=10 >
<caption>
<center><TBODY>
<br></TBODY></center>
</caption>
<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=CENTER BGCOLOR="#FFFF80"><img SRC="cid:part3.389CCBD3.FE8C769F@xxxxxxxxxxxx"; ></td>
</tr>
</table></center>
<p><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>
<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>
<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>
</table></center>
<center><table BORDER CELLSPACING=0 CELLPADDING=10 WIDTH="95%" >
<caption>
<center><TBODY>
<br></TBODY></center>
</caption>
<tr>
<td><a NAME="background"></a>
<center><b><font size=+1>How do I put a background graphic on my page? </font></b></center>
<p><b>Add a special field to the BODY tag. </b>Here is an example:
<center><table CELLPADDING=10 >
<caption>
<center><TBODY>
<br></TBODY></center>
</caption>
<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=CENTER BGCOLOR="#FFFF80"><img SRC="cid:part4.389CCBD3.FE8C769F@xxxxxxxxxxxx"; ></td>
</tr>
</table></center>
<p><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>
<li>
You can achieve some special effects by using different background shapes.
For example, the CareWare
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>
</table></center>
<center><table BORDER CELLSPACING=0 CELLPADDING=10 WIDTH="95%" >
<caption>
<center><TBODY>
<br></TBODY></center>
</caption>
<tr>
<td><a NAME="colors"></a>
<center><b><font size=+1>How do I choose colors? </font></b></center>
<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 >
<caption>
<center><TBODY>
<br></TBODY></center>
</caption>
<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=CENTER BGCOLOR="#FFFF80">I want <font color="#FF0000">RED! </font></td>
</tr>
<tr>
<td BGCOLOR="#C0C0C0">I want <FONT COLOR="blue">BLUE!</FONT> </td>
<td></td>
<td ALIGN=CENTER BGCOLOR="#FFFF80">I want <font color="#0000FF">BLUE! </font></td>
</tr>
<tr>
<td BGCOLOR="#C0C0C0">I want <FONT COLOR="green">GREEN!</FONT> </td>
<td></td>
<td ALIGN=CENTER BGCOLOR="#FFFF80">I want <font color="#008000">GREEN! </font></td>
</tr>
</table></center>
<p><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 >
<caption>
<center><TBODY>
<br></TBODY></center>
</caption>
<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=CENTER 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=CENTER 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=CENTER BGCOLOR="#FFFF80">I want <font color="#8000FF">what I
want! </font></td>
</tr>
</table></center>
<p><b>To choose a custom color in </b>Arachnophilia
, just put the editing cursor in the color definition and press the right
mouse button. </td>
</tr>
</table></center>
<center><table BORDER CELLSPACING=0 CELLPADDING=10 WIDTH="95%" >
<caption>
<center><TBODY>
<br></TBODY></center>
</caption>
<tr>
<td><a NAME="colorsentirepage"></a>
<center><b><font size=+1>How do I choose colors for my entire page at once? </font></b></center>
<p><b>You add some special fields to the BODY tag. </b>Example:
<center><table CELLPADDING=10 >
<caption>
<center><TBODY>
<br></TBODY></center>
</caption>
<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> </td>
<td></td>
<td ALIGN=CENTER BGCOLOR="#0000FF"><font color="#FF0000">This is my page
text! </font></td>
</tr>
</table></center>
</td>
</tr>
</table></center>
<center><table BORDER CELLSPACING=0 CELLPADDING=10 WIDTH="95%" >
<caption>
<center><TBODY>
<br></TBODY></center>
</caption>
<tr>
<td><a NAME="email"></a>
<center><b><font size=+1>How do I make a link that sends e-mail? </font></b></center>
<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 >
<caption>
<center><TBODY>
<br></TBODY></center>
</caption>
<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>
</table></center>
</td>
</tr>
</table></center>
<center><table BORDER CELLSPACING=0 CELLPADDING=10 WIDTH="95%" >
<caption>
<center><TBODY>
<br></TBODY></center>
</caption>
<tr>
<td><a NAME="advanced"></a>
<center><b><font size=+1>How do I learn advanced HTML methods? </font></b></center>
<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>
<li>
Using the File menu features of your browser, copy the interesting pages
onto your computer. </li>
<li>
Load the pages into your HTML editor. If you don't have an HTML editor,
click here
. </li>
<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>Go to a Search Engine
<br><b>A somewhat harder way is to buy a book about HTML programming and
read it. </b></td>
</tr>
</table></center>
<center>
<p><img SRC="cid:part2.389CCBD3.FE8C769F@xxxxxxxxxxxx"; ALT="" height=2 width=95%>
<p><font size=+0>These Pages Created and Maintained using
Arachnophilia.</font>
<p><img SRC="cid:part2.389CCBD3.FE8C769F@xxxxxxxxxxxx"; ALT="" height=2 width=95%>
<p><font size=+2><a href="http://www.arachnoid.com/index.html"; target="_top">Main
Page</a></font></center>
<br>
<br> </blockquote>
</html>
</x-html>
Attachment Converted: "f:\eudora\attach\challenged1.gif"
Attachment Converted: "f:\eudora\attach\redchip1.gif"
Attachment Converted: "f:\eudora\attach\book1.gif"
Attachment Converted: "f:\eudora\attach\parchment1.jpg"
Attachment Converted: "f:\eudora\attach\webthing1.gif"
|