The Simple HTM and HTML edit school

tEA with rEASON
tEA with rEASON logo

Welcome to

the simple htm & html page
using FmEdit or a text editor
it's easy and it's fun
keep a copy of you hard earned work
these pages are only for fun and for free
and are presented "as is where is" for entertainment purposes only
Use this information at your own risk all care is taken
And NO Responsibility Is Implied Now or in the Future... EnjoY :-)
short cut to the index

Note:
It's 2.30am I'm just going over this file to update areas I've
neglected and to update by making it a text version basic html file.
leaving out the reference to Netscape in the header code.
Oh... Hi There........:-)
this here file explanations
how to make htm and html files using a text editor
The editor that I recommend is Fmedit Designed by
Raymond Allan's ("file manager editor")
It's simplicity, and extreme Holistic versitility is outstanding
and you can obtained it from FmEdit

INDEX...

NOTE:
In this file...
"The Simple HTM and HTML page"
In reference to this file as viewed on the internet
I have used the discription "Browser view"
and you can
CUT and Paste Code directly from here...
In reference to this file as viewed in a text editor
I have used the discription "Editors view"
and you will need to
open this file in a text editor to see the html Code.
back to Index

For simplicity I am referring to "HTM" and "HTML" files As "html" files
as they are synonymous (kinda means the same thing)
I use "htm" file extention on my computer and when they are mirrored here
from my homepage uploads I've changed them to "html"
I have placed spaces between the various parts of the file (Editors view)
so that you can sort them out and cut and paste them into a NEW Html File
of your own, or you can just use the Code that you see in this file from
the (browsers view).I DO Suggest that you make a *NEW HTML FILE*
As Changing or rearranging an old file will OBviously be prone to
Damaging the Old files initial arrangement.

You might be thinking by now Why make "html" file in a text editor?
Good Question... and here's why I will nearly always use a FmEdit*
eRrr... in combination with Netscape Composer (LOL)
when making a html file or a htm file some times Codes do not
continue to Save (copy) across to your new file after editing the files that
you are upgrading from those old wizen homepage files you have had there
for the umteenth month on your mummified homepage,
"Page visitor counters are one example".
And here are some reasons you might need to USe these text editor examples
You made your Html files using IE or Netscape or any other HTML editor
or your mate from `HTML design incorp' down the road made them for you
AND now you want to give it a go your self, so you open the file in FmEdit
Theres the Codes eRrr... Hmm... cOOL bAnAnas.... so thats HTML Code huH???

OK... to begin with lets make small "HTML" file that is readable and give
YOU as much stuff on your home page as will allow for the size of the file.
Five Free Megebytes of homepage only goes so Far ayE*.
So here are the main points:

*Small files (no repeated Code) with Lots to do in them (everything necessary)
Files that YOU can *Read* and Code you *Know*
Coded files that everyone no matter how small a computer can look at and enjoY
BEING IN CONTROL....

back to Index
Firstly we need to give Your text file (filename.txt) instructions to let it know that it's a html file...
(filename.htm) or (filename.html) depending on your homepage provider
it's best to ask your webmaster which files to use.
this is the first piece of Code in your file just cut and past it
directly from here (Browser view)...

<head>
<title>Put you title for your file in here</title>
</head>

NOTE: background and text colours use from #000000 to #FFFFFF
using the number 0 - 9 and the letters A - F only
Here are the first Fourty Nine Colors as they appear in Netscape Composer>
Or for starters here is the Code (Browser view) for a "BLACK" backgrounds:

and of course the Code (Browser view) for an "OFF-WHITE" background:

back to Index
Now you are ready to add Code for the first text to your html file

This is the Code (Browser view) for text using the font "Times New Roman"
in a LIME (bright green) color and a size +1 which is About this size,
Sizes go up to +4 (times the font size), and as small as -2 which is almost
unreadable with the smaller fonts that could be chosen,
Hmm... this is the Code

OK so now you can add your text that you want...
Hmm... after the above code

to start a new line or add a blank line to your html file,
simulating a carrage return (THE ENTER KEY) this is the Code (Browser view)
I've given you nine carrage returns here so you can Copy and Paste as required...

and when you want to change the text to a different style or size or color
you need to stop this bunch of text first with the following command:
eRrr... here is that Code (Browser view)


back to Index
You can add your next text sizes and fonts with a NEW font Code,
and maybe choose a different text font and/or a different text color
this Code is for the font "snap ITC" You can change the color to suit your self
in the colors page thats the "hash" key and a six letter and/or number combination
like this...( "#FFCCCC" )...excluding the speech marks ("")
this time I have chosen a offwhite moving into the reds, try it you'll see
REMEMBER that if you have the same background color as your font color then you
WON't see a thing when viewed as a HTML file, also keep your contrasts far enough
apart to make your text legible to your average web surfer.

And remember to close off your last lot of FONTS with this Code again...

back to Index

OK... you've got some text and some different text etC..
and you want to add some more color to your HTML file with a picture or two
or three or four or five thousand six hundred and fourty two eRrr.. maybe not*

NOTE:
Art work Code is different for different artwork file extentions
thats the three letters after the DOT (.) e.g. (*.jpg or *.jif)...
I've given you two Codes here
and if you want to add Art files with other extentions Drag them into a HTML editor
and your file will be miraculously converted to a (*.jpg) or (*.jif) extention.

This is it the artwork adding Code...
to start you off. The first one is for your chosen ARTwork (filename.jpg)

The.... BORDER=0 and height=100 and width=100
Needs to be adjusted to suit the size you want of you artwork

And that Code (Browser view) goes like this....

You will need to replace this part of the Code...

(yourfile.jpg) with you actual JPG's Artwork files Name ayE!
example (yourfile.jpg) = yup.jpg it Does need to be a *.JPG file tOO.
and remove the Brackets () as well!!

back to Index

This is the second one for your chosen ARTwork (filename.jif)
And that Code (Browser view) goes like this....

You will need to replace this part of the Code...

(yourfile.jif) with you actual JIF's Artwork files Name ayE!
example (yourfile.jif) = welcome.jif it Does need to be a *.JIF file tOO.
and remove the Brackets () as well!!

SOME IMPORTANT NOTES HERE...
text will stay the same style, color and size with artwork codes between them
The alinement of the text <center> up to </center> will continue from the last
time that Code was used Hmm... eRrr.. Oh I haven't got that far yet ayE*
well your on your own now till I upgrade this file for the third time

And ofcourse the Following needs to be added (LOL)

So now that your at the end of creating you new "HTM" or "HTML" file
the following command Closes the "html" file with this Code:

</body>
</html>

P.S. NOTE: READ THIS: IMPORTANT: DID YA GET THIS: REMEMBER: ...!!!:">

now you have finished put all the files you have Code for in youR neW...
HTML file AS WELL AS youR New HTML in the same folder
and if you made your new file (yourfilename).txt rename it (yourfilename).html
or you can give it the HTM extention.........and it's ready to view in a internet browser
to view your file in a internet browser (E.G. Netscape Navigator)... or others
choose -FILE-openpage- and go to your folder and select or open your new *.htm/html file.

and thats it for now......any feed back to mdbobbo
references notes Errors Corections:
This part of "The simple htm and html file"
will also be upgraded as time goes on, my
geocities will also host other longer examples
when the "Learning Curve grows larger"
A learner a teacher bee
till next place mdbobbo
For starters I ended up saving this file with netscape composer
and it added a immence amount of code into the file...
Every line now contains some code to duplicate the "text Codes"

line after line..... and here's me telling you
Quote "OK... to begin with lets make small "HTML" file that is readable and give
YOU as much stuff on your home page as will allow for the size of the file.
Five Free Megebytes of homepage only goes so Far ayE*.
So here are the main points:
*Small files (no repeated Code) with Lots to do in them (everything necessary)
Files that YOU can *Read* and Code you *Know*
Coded files that everyone no matter how small a computer can look at and enjoYBEING IN CONTROL...." UnQuote

Well life is not always fair and I have had :-( to upload
this version to get ready to make the next update and
This file also gives you an introduction to
unnessary repeated Code that can exist. :-)

NOTE: You need to either rename the file your working on
be it *.htm or *.html extention change the name to *.txt
Opening it in a text editor like a text page, only then will
you see the Code in it entirity......

I still recommend FmEdit

New Zealand wild life hint:
have fun and be nice to
the Pokeo's, be in a
different place :-)).

tILL nEXT pLACE

mailto:mdobbo@treezone.co.nz

mdbobbo
for the Kiwi's tEA with rEASON
& voor de hollanders tREEzONE
goes bilingual

Get FmEdit

Did I get that right....eRrr... hMmm.... oH...! this is the way HOME

back to Index