Web Pages

Advises

Below I'll try and explain and share my experience in setting up one or more Web Pages.
I've made all my Pages in a simple Text Editor, setting all the HTML tags manually - and honestly - it wasn't all that dificult.

All you need to get started, is a plain text editor (DOS Edit is OK) or a word processing program (Windows Notepad or Write) to create your HomePge, and a Web Browser (I prefer Netscape) to see what the final result looks like.
This is a non expensive way to get started, you don't have to go and spend a lot of money in html program tools.

On the Net you can find a lot of documentation and explanation of all the different html tags, which I advise you also to read or look at - I've included a few on this page.

What I was looking for when I started, was some examples - but I didn't find any (maby I didn't look hard enough, or was too eager to get started).
Below you will find some examples, the actual html "code" and what it looks like - I hope you'll find it usefull.

How to get started

Edit a new document, and name it index.htm (or if you are using Win95 - index.html)
The "main" tags are: <HTML>, <HEAD>, <TITLE> and <BODY> tags.
These tags (and others) has a Begin and End tag. The HTML tag surrounds the complete html document, and must have the End tag /HTML.
<HTML>
<HEAD><TITLE>My HomePage No.1 </TITLE></HEAD>
<BODY>
...
...
</BODY>
</HTML>
Please note that the TITLE Text is not displayed on your page !
The BODY tag holds a lot of different attributes, and I will not explain them all here - please refer to the available documents on the bottom of this page.
One of the attributes is BGCOLOR, which sets the background colour of your page. This attribute is expressed as RGB in HEX notation. Please note that some "simple" colours can be set just as YELLOW, RED, BLUE, GRAY etc.
<BODY BGCOLOR=#FF0000> which is the same as
<BODY BGCOLOR=RED> and will make the background of your page red.
Now you'd like to give your page a Headline. For this (but also usefull for other shings) there are 6 sizes of text tags : <H1> down to <H6>.
To separate the Headline from the "body" of the page, you can make a line using the <HR> tag.

<H1 ALIGN=CENTER>My First HomePage</H1>
<HR WIDTH="100%" SIZE=2>

My First HomePage

Now we are getting to the body of the page, and it's all up to you what you want to put here. What you probably will find helpful, is the usage of tables. These makes it easier to place and align text and other elements, in a way so it looks nice.

<TABLE BORDER=1 CELLPADDING=2 CELLSPACING=2 WIDTH="60%">
<TR>
<TD>Row 1 Col 1<TD>Row 1 Col 2<TD>Row 1 Col 3
<TR>
<TD><TD>Row 2 Col 2
</TABLE>

Row 1 Col 1 Row 1 Col 2 Row 1 Col 3
Row 2 Col 2

The borders can be made invisible by setting the BORDER attribute to 0 (BORDER=0).

You can also use colours inside your table using the BGCOLOR=".." attribute in the TABLE, TR or TD tag. However, note that this requires Netscape version 3.0 or newer

<TABLE BORDER=1>
<TR>
<TD>Normal Background colour <TD BGCOLOR=FUCHSIA>Using new colour
</TABLE>

Normal Background colour Using new colour
How to make bullet point text (like these paragraphs).
<UL TYPE=DISC>
<LI>This is the first bullet point, but it continues on next line<BR>
So this is same bullet, but second line. You must always use the BR tag to change line.
<LI>And here we have the second bullet ! <BR>
<P>
<LI>Using the BR and P tag, you can get a blank line between your bullets !
</UL>
- This is the first bullet point, but it continues on next line
  So this is same bullet, but second line. You must always use the BR tag to change line.
- And here we have the second bullet !
- Using the BR P tag, you can get a blank line between your bullets !
The last item I will cover is Links or Hypertext - these will bring you to another "area" on the present page, link you to another page, start download's or bring up the e-Mail dialog.
I'm not going to cover this in depth, but show a few examples that can get you going.

The tag is <A> and requires an End tag </A>. The attribute which "hold's" the link is HREF=".." which is the "location" (URL) of the page.
Please note that you are working on a UNIX machine, and UNIX is case sensitive - so make sure your filenames are acurate !

Link to another page

<A HREF="http://server.name.dk/directory/personal.html">Link to my Personal Data Page</A>

Link to my Personal Data Page

e-Mail Link

<A HREF="mailto:name@server.name.dk">Send me an e-Mail</A>

Send me an e-Mail

File Download Link

<A HREF="http://server.name.dk/directory/filename.zip">Exelent program - in PkZip format
Exelent program - in PkZip format

This is all from me now - I hope you'd found the above informative and helpful - and it has given you a push in the right direction.
Just below, you'll find two documents describing all (or most) of the different html tags.

Good luck

HTML Reference document (ver. 3.2)
HTML Features document

Row 1 Col 1	Row 1 Col 2	Row 1 Col 3
	Row 2 Col 2