Make Webpage

Web Authoring Book is Under Development ;-)

Save and modify this webpage to make your own webpage.
Book and instructions inside!

To make a webpage (web page):

  1. save this page to disk as home.htm, preferably in a new dir/folder named webbook. Save the image at the bottom as anybrow.gif in the same dir/folder as this one.
  2. open this page with a text editor(not a word processor) change the content, save as home2.htm
  3. open home2.htm with your browser(it should be on your disk) to see your changes.

HTML Book Inside...

Where inside? Well, as it happens, webpages contain "tags" that are not displayed by your browser. "Comments" can be "tagged" and will not be displayed either. Now I have placed many such internal comments inside this webpage to help you along the way and, as you experiment and make your webpage, the instructions will be "right there" for you to see: a basic HTML manual containing simple instructions on how to make a webpage, build a website or publish an e-book has been commented "inside" this webpage.

Once opened with a "text editor", you can see the meaning and use of the HTML "tags" that are used to make pages. You can CHANGE THIS PAGE to make your very own page, and then view it with a browser. You can experiment with "charater fonts" and colors.

I would like you to explore, experiment, make changes, learn and have fun. This HTML BOOK is not yet finished but is a usable work in progress... ...19/03/2005

So "inside" really means as part of the coded webpage.

If you try to use a "word processor" in lieu of a "text editor" to edit this page or any HTML page, it will leave some unwanted "word processor" instructions in the page and it will not display properly -- text editors, on the other hand, leave no such internal code inside your text... Once you are successfull finding a "text editor" and editing something on this page you will slowly transform it to become your very own webpage and you wil see the results with your browser. Then, you can delete the whole "Where inside" paragraph since you will know "Where inside"...

Now as far as that "text editor" versus "word processor" story goes don't don't worry too much about it. You will not "break" this page, the text editor, the word processor or the World Wide Web if you use the wrong one...

You can read about DOS and the Arachne Web browser at Reset00. One of the most interesting things about the Arachne DOS browser never seems to be emphasized enough, if it has ever been mentioned at all: Arachne is not only good for looking at the webpages, it has a built in web page text editor through it's F4 function key -- you press F4, see the webpage code, alter or add, then press save and VOILA! You are immediately viewing the changes... The above link was inserted to give an example of an "absolute link" which simply means a link to a very specific location on the internet or on your disk by giving an "absolute path" as opposed to giving a relative path. (more about this INSIDE...) 

There are several sorts of "tags" that can be used to make webpages:

HTML  TITLE  BODY   TEXT   Bold    Header  EMphasize
FONT  LIST   TABLE  COLOR  CENTER  HREF    PREformated

the last named being the tag used here. Now this might all seem a bit 
intimidating and overwhelming.  All of the 750 page textbooks written
about HTML  could not possibly make  you get  over that  intimidating 
and overwhelming feeling, but, "playing"  with this webpage WILL!
Just come inside and have a look!

If you use this page, please send me an electronic letter and let me know how it goes. With your text editor, you will be able to see how that email link was made and then edit it to suit yourself.

Old title: HTML Hypertext Markup Language Code Page



"Basic 16 Colour" Names

Colour Names and Hexadecimal Names
black
"#000000"		 silver
"#C0C0C0"		 gray
"#808080"		 white
#FFFFFF
maroon
#800000		 red
#FF0000		 purple
#800080		 fuchsia
#FF00FF
green
#008000		 lime
#00FF00		 olive
#808000		 yellow
#FFFF00
navy
#000080		 blue
#0000FF		 teal
#008080		 aqua
#00FFFF

Color definitions can be given as color=colorname
or as a hexadecimal value, color="#FF00FF".
It is suggested that color names be given as hexadecimal values in the BODY tag. It was not done on this page...


Tables, Content, Sized Tables and Nested Tables


Table Headers Are Optional
Save the Image Basic Colors
Offsite links HTML help
W3C.org Jake's Colors
This is a left aligned 70% screen width table. Any type of object may be placed inside the tables: text, image, link, linked image and even a table nested inside one of the (td) table tag definitions. If possible the HTML code will try to fill the space left over as a result of aligning a % reduced size table. In this table, the outer table's (td) definition needed a width=sizepercent definition to force the defined items to maintain proportional width.