GVCom Easy Webdesign

The easy way to your own Homepage

This is not a tutorial to learn HTML.
The reason for this website was the wish to help a friend who already made
a website with the help of a online-editor as used by many providers.
For understandable reasons she was not very happy with the result.

The only way to pep up such a website is a knowledge of basic HMTL.

When I say basic, I really mean basic.

Someone who understood the following basic rules of webdesign can easily
improve the standard websites made by an online-editor (Homepage Wizard).


The general structure of a website ist dictated by the rules of the HMTL language.
The HTML language uses special codes, called TAGS between pointed brackets.

Most of the TAGS have to be opened like <FONT> and closed </FONT>.

At the top of the page and at the bottom the <HTML> and </HTML> indicate that
HTML language is used.

For various reasons explained later, you also use a HEAD with the TITLE of the
page in between.<HEAD><TITLE>here title</TITLE></HEAD>

With the <H1>here text</H1> you can make a header. The numbers 1-7 indicate
the size of the text. (1 is largest and 7 is smallest)

There is also a different code <FONT SIZE=(number 1 - 7)>here text</FONT>
for a different size of the font within the text.
For obscure reasons by the use of this tag numer 1 is smallest.


The horizontal rule above is made with the <HR> command and needs no end-tag.
For the size of the rule we use <HR SIZE=?> and for the extension <HR WIDTH=?>
(The actual displayed size depends on the browser.

At the bottom of the page the
<ADDRESS>here is room for your address</ADDRESS> tags are used with your address and E-Mail.

Look at the following example and try understand how the structure is and how the commands work.


<HTML>
<HEAD>
<TITLE>GVCom Easy Webdesign</TITLE>
</HEAD>
<BODY>
<H1>GVCom Easy Webdesign</H1>
<H2>The easy way to your own homepage</H2>

This place is for the the text
and the images of your homepage

<HR>
<ADDRESS>
Gerhard Huber<BR>
<A HREF="mailto:G.Huber@gmx.net">G.Huber@gmx.net</A>
</ADDRESS>
<P>
Copyright © 1998 Gerhard Huber<BR>
</BODY>
</HTML>


A homepage that contains only text would be boring.

With the command <IMG SRC="any image - example.gif - example.jpg">

you can place images on your page.

As you probably found out by now, the HMTL language needs a line-break to position text correctly.
Without the line-break <BR> and captition <P> codes every browser will display your text
differently.(end codes </BR> and </P> are not necessary.)

To position text and images exactly on your page HTML offers the help of TABLES.

TABLES are made with the following code.

<TABLE BORDER=1>
<TR><TD>text 1</TD><TD>image 1</TD>
<TR><TD>text 2</TD><TD>image 2</TD>
</TR></TABLE>

The first command buiding tables is <TABLE> with or without the border comand.

If you use <TABLE BORDER=1> to built your table you can see the structure while
you work on it and later set BORDER=0 to hide the border.(see following examples)

Of course the tables need opening and closing commands (<TR>and </TR>)

With the <TR>and </TR> you set the table-rows and with <TD>and </TD> you set
the table-fields containing text and images.

text 1image 1
text 2image 2


text 1image 1
text 2image 2

No page is complete without links.

A link is placed with the following command:
<A HREF="http://members.aol.com/yourname.htm or any other Web-Address"></A>

Links can also be connected with images:
<A HREF="http://members.aol.com/yourname.htm or any other Web-Address">
<IMG SRC="any image - example.gif - example.jpg"></A>

Please remember to set the </A> end-tag or you will have funny experiences.


If you have understood all this, you should use the source-code option of your browser to look at
the source-code of other websites. You can use my links to the other HTML-tutorials in the web.


Back to my Surfboard


Gerhard Huber
G.Huber@gmx.net

Copyright © 1998 Gerhard Huber