"In every woman there is a Queen.
Speak to the Queen
and the Queen will answer."
--Norwegian Proverb



Using HTML

Before you get started, why not check out my Web Tips? It gives some good advice on what to do or what not to do on your webpages.

What is HTML? HTML is "Hyper Text Mark-up Language". It is a script that allows a web creator to write from scratch a page without using a regular page creator. Because of its simple and basic language, knowing a few easy letters will allow you to make and then publish on the web, fantastic and beautiful web pages.

I learned most of these scripts by going to pages I enjoyed, and pulling apart what scripts they used. From there I was able to practice/practice/practice until I could make my own nifty web pages. My first creation was on AOL (no comments please!) and I wish I could show it to you. I think of what that looked like compared to what my page is now and all I can say is "WOW!".

I remember how long it took me to actually find good pages of HTML, and will give you some really terrific links so you will be able to save some time from looking them up. I will try to start pretty basic and work up from there. So let us get started! First we have to figure out how to even start our web page!!

bar divider

All web pages have at least the following codes:

< HTML >
< HEAD >
< /HEAD >
< BODY >
< /BODY >
< /HTML >

These commands tell the computer how to put the web page together as well as where to put words, images and links. These sections can be divided further, but that is another web page!

Let's break down what we are doing:

< HTML >...We are telling the computer that we are creating a web page and that we are using the language of "HTML".

< HEAD >...This is the first section of the web page. It can include the < TITLE > or other commands for the computer to follow. Most of these commands will not be seen on your web page, and only exist for behind-the-scenes work.

< /HEAD >...Ahh! Here we get into a fundamental aspect of HTML. If you give a command, you will have to CLOSE the command. In other words, after opening the door, you will have to close it. You can tell this is a closed command by the "/" in front of the < HEAD >. All HTML commands are closed using this backslash, and if you forget to use it, the computer cannot go on to the next command, and you end up getting dead web space. Anyway. The < /HEAD > tells the computer you are done with the first section, and are ready to get into the next.

< BODY >...Here is the nitty-gritty of your web page. 99% of your work will be here, allowing you to show your special flair for text, graphics, sound and links. There are bunches of things to add here, and I will give you all the commands you need to do so!

< /BODY >...After you are finished with your main section, you have to close it. This tells the computer you are done with this section.

< /HTML >...This tells the computer you are done with the web page completly! If you do not add this command, you will NOT see your web page at all!

bar divider

Okay, we have the outline of what your page will look like, so let's add to it. Look at the top of your Browser's page. Do you see "Using HTML"? I did that using the < TITLE> code. Under the < HEAD> code and above the < /HEAD> code I used: < TITLE> Using HTML < /TITLE>. Let's break down what I did.

< TITLE > tells the computer I want to add text to the top of the web page.
Then I added some text: Using HTML
and closed the command using < /TITLE >

bar divider

Three very important notes about using HTML:

1. Commands work with capital letters, lower case letters and a combination there of. In other words: < HEAD >, < HeAd >, < head > will all accomplish the same thing.

2. Always close your commands!!! If you don't, your computer becomes verrrrry confused and refuses to load any further. If you are having problems on your page...9 out of 10 times it is because you did not close your commands.

3. Do not use spaces in HTML commands. Once again, your computer becomes confused and commands will not execute.

Now then...let's get into some text and graphic commands. Click on the "NEXT" below to go to the next page.

Go on to HTML Usage 2 Back to Book of Shadows

To flip through the pages of my BOS faster...

 

Brightest of Blessings