This programme, called "ASCII-EDITOR" or "editor" we will use to make out WEB-pages. Even the oldest computers have one. Or download this one (TED.COM, 3k) here . This little editor can write ASCII files.... on ANY (ibm-compatible) PC. on a DOS prompt say: TED ttt.htm and you will be writing into a new file called "ttt.htm". When you have finished your text, save it to disk.
The file "ttt.htm" is now for all intents and purposes a WWW-file. It just needs to be loaded onto a server.... and made accessable to the people on the INTERNET. This is what a "provider" will do for you... usually for money. You get get free web-space at http://www.tripod.com or http://www.geocities.com or many other places... Some places give you a online editor to use.
The page will be printed in TYPEWRITER typeface, and if you want to have it look like this one, you will have to add a few VERY SIMPLE "markers". All markers are enclosed in < ... > "lesser than" and "greater than" pairs and you really just need a few. Look at the following example:
<html> <head> <title>This will show on the top of window-frame </title> </head> <body> <h2><hr> How to make your own web-page </h2> <p> Look at the SOURCE CODE of my pages. I keep them simple, <b>plain Vanilla</b>, because the <i>load soooo quick</i>, if they do not contain pictures... pictures which are actually only and so on ... until ... Ha Ha Ha <hr> </body> </html>
The result looks like this:
Look at the SOURCE CODE of my pages. I keep them simple, plain Vanilla, because the load soooo quick, if they do not contain pictures... pictures which are actually only and so on ... until ... Ha Ha Ha
(Further below you'll find META and IMG SRC things which have been updated.)
Look at the SOURCE CODE of my APD page: . I keep them simple, plain Vanilla, because they load soooo much quicker, and that means more pleasure, because you get more information and less arty-farty-crap. A nice colour scheme costs no extra data, so I recommend pleasing colours, try Peter Theill's HCP, the Html Color Picker
If I include pictures, then they are REAL PICTURES, i.e. they are mostly photographs or drawings where "a picture says a thousand words".
But I hate "pictures which say one word", and that it mostly: "You are a dork, you need pretty graphics, you will be happy with the crap we feed you". Quite an unfriendly approach, according to my books.
<body background="VIRUSBMG.GIF" BGCOLOR="#555555" TEXT="#FFFFFF" LINK="#FF8000" VLINK="#8080FF" ALINK="#00FF00">
---------------------------------------------------------
HTML Tags ... plain vanilla
All HTML Documents
Define as HTML document <HTML>...</HTML>
Define the header <HEAD>...</HEAD>
Document title (in the header) <TITLE>...</TITLE>
Document body (after the header) <BODY>...<BODY>
Text Attributes
Bold <B>...</B>
Italic <I>...</I>
Typewriter Text <TT>...</TT>
Underline <U>...</U>
Preformatted <PRE>...</PRE>
Plaintext (turns "off" HTML for the <PLAINTEXT>
remainder of the document)
These Highlights may be interpreted differently by different browsers
or viewers
Address <ADDRESS>...</ADDRESS>
Block Quote <BLOCKQUOTE>...</BLOCKQUOTE>
Citation <CITE>...</CITE>
Source Code <CODE>...</CODE>
Definition <DFN>...</DFN>
Emphasized <EM>...</EM>
Keyboard Input <KBD>...</KBD>
Listing <LISTING>...</LISTING>
Samples <SAMP>...</SAMP>
Stronger Emphasized <STRONG>...</STRONG>
Variable Name <VAR>...</VAR>
Separators: Most browsers will ignore line breaks and carriage returns,
and run all of your text together
Paragraph Break <P>
New Line <BR>
Horizontal Rule <HR>
Ordered List
<UL>
<LI>Bulleted list item
<LI>Another list item
</UL>
Unordered List
<OL>
<LI>This list will automatically have numbers for each item
<LI>Could be a list of steps
</OL>
Directory List
<DIR>
<LI>Directory list item 1
<LI>Directory list item 2
</DIR>
Menu List
<MENU>
<LI>This list will automatically have numbers for each item
<LI>Could be a list of steps
</MENU>
Descriptive List
<DL>
<DT>Description Title
<DD>Definition
<DT>Another Title
<DD>Another Definition
</DL>
Centered Headings
Largest <H1>...</H1>
<H2> through <H5> in between
Smallest <H6>...</H6>
Indenting
For an indented section in your document, try a Descriptive List with
blank <DT> fields!
<DL>
<DT>
<DD>This text now appears indented
</DL>
References
Name/Anchor a location in a document <A NAME="MarkName">
Jump to an anchor location <A HREF="#MarkName">Go to middle</A>
Link to another document <A HREF="relative%20path%20or%20full%20URL">Link
Text</A>
MAILTO <A HREF="mailto:wg@sw.com">Mail to the author</A>
Image
<IMG SRC="BLABLA.JPG" alt="[IMAGE]">
(this one is better:)
<IMG SRC="BLABLA.JPG" HSPACE="2" VSPACE="0"
BORDER="0" WIDTH="620" HEIGHT="408" ALIGN="CENTER" ALT="a picture of BLABLA">
^^^ ^^^
x and y resolution of picture.
Giving the resolution allows the browser to display the other text and
fit the picture later, since it knows the size. Then you can read
already while the picture is loading.
Index
<ISINDEX>This is the index text
Special Characters .... also see HTMLCODE.HTM
generate a & &
generate a > >
generate a < <
generate a " "
generate a non-breaking space
(words that should be together on one line)
generate any ASCII character &#asciicode;
6 etc.,
Extended Characters (for other languages or pronunciation exercises)
can be keyed into the document, or represented by HTML sequences. Some
examples:
· À
‹ ï
è Þ
¥ Ñ
Comments are for programmer reference only, and do not show up any browsers
Comments <!-- ... -->
--------------------------------------------------------------------
Meta names:
--------------------------------------------------------------------
<META name="description" content="Write your description here">
for example:
<HEAD>
<TITLE>The Kids In The Hall Home Page</TITLE>
<META name="description" content="Home page for The Kids In The
Hall, Canada's funniest comedy group.">
</HEAD>
<META name="keywords" content="Write your keywords here, in a
comma separated list">
for example:
<HEAD>
<TITLE>Landing Venture Capital</TITLE>
<META name="description" content="Tips on obtaining venture
capital for your hi-tech start-up.">
<META name="keywords" content="asset based lending, capital,
enterprise funding, equity funding, expansion capital, funds
for growth, growth financing, underwriting, venture investment">
</HEAD>
--------------------------------------------------------------------