James M Sandbrook
Press F5 to reload to see latest changes.

Abrev. Advice. Camera. Character. Children. Computing. Electronics.  Fitness/Martial Arts. Garden. Health.  Idioms. Jokes.

Kitchen/Cooking. Measure. Mechanics/Machines. Motivation. Movies. Music. People. Plumbing. Poetry. Proverbs. Reviews.

School Education. Skills. Stories. Tips. Tools. Words/Accronyms. Woodwork. Home
    

          

Home

Building your own web site is a lot easier than it was a few years ago. Today we have some great tools to design Internet web pages, with options like Insert, Drag & Drop, WYSIWYG - What You See Is What You Get.

It does pay to have some knowledge of  HTML, why? you might ask, because at sometime while designing your web page you might decide you want something different, something the program you are using cannot give you unless you type in a little code.

Basic HTML is pretty simple, I had my first site up and running on my second day of learning HTML. Our daughter Tracy has learnt basic HTML for fun and she had no trouble understanding the language.

I normally use Netscape Composer the program that comes with Netscape Communicator and then if I want I can add HTML to the web page I am designing as I go along. With Netscape Composer adding items like Tables is pretty simple and most of the work is done for you.

I first learned HTML using Notepad, the very simple Text Editor that comes with Windows.

Some basics:

     <html>

    <head>

    <TITLE>A Basic HTML Example</TITLE>

    </head>

    <body>

    <H1>My HTML Page</H1>

    <P>Here is a paragraph!</P>

    <P>And this is another paragraph.</P>


    <H1> = Headings have 6 levels, these are numbered 1 up to 6.

    </body>

    </html>


Everything here in between the < and > are called Tags.

This is a Tag:   <P> A Paragraph Tag and </P> is the (corresponding) End Tag, end tags have a  / within them.

<HTML>   = Tells the Browser that HTML code is in this file.

<HEAD>   = Is the part that will contain the Title.

<TITLE>   = Title which is normally at the very top of the page.

</HEAD>  = This is the End Tag for <Head>.

<BODY>  = Contains the content of your document, note here <BODY> and  </BODY>     are in the example above.


<P>          = Paragraphs.

Here is how you can center a paragraph.

<body>

<center>

 <p>This is a centered </p>

</center>

</body>



This is a centered


You can use View Page Source in your Browser to see the HTML that is being used on this page. This is a great way to learn HTML, or your can go to File and then Edit Page in your browser. Some Browsers might have different names for these functions.

This is all for this first basic HTML lesson, I hope you will find it helps you on your way to great HTML programming.

You can try the above examples (With your changes) in a Text Editor (Notepad) and then save it as sample.htm and then open sample.htm in your browser.

  

  





Written by James M Sandbrook - 22 November 1999

Home  People. - Stories. - Poetry. Words/Accronyms. Jokes. Idioms. Woodwork. Tools. Gardening.

The Kitchen. Skills. Motivation. Character. Reviews. Movies. School Education. Mechanics/Machines. Computing.