Well, I decided to try and help out some of the users here who might be unexperienced in HTML, so I condensed the begginer's HTML course at my website. Here it is...

Lesson 1
HTML means Hyper Text Markup Language. HTML is a very common language used for many websites, is the base for more complicated and powerful langauges like php, HTML can seem hard, but you will find it is one of the easiest langauges one can learn. The core of HTML is the tag, a tage is just a set of two arrows-like brackets created by hitting Shift and the comma key, or Shift and the period key. They look like this...

Tags start a change in the way a webpage looks with your basic starting tag, something like the bold tag which is like this the text we want to be in bold would go after the <b>, but it will spread to the end of the page if we don't end the tag, to end a tag you begin the same tag you began with, but instead start it with a </, so the tag to end the bold effect would be

Lesson 2
In this lesson we will learn about some basic tags to change the way a body of text looks. We will start with a few of the most common tags.
We will begin with bold look at this sample and examine how the effectg is created (the word Text Here Will be what you want in bold) Simple right?
Ok, next we will learn how to make a break, which is the same as doing this...
A break is the equivilant to hitting enter, it is created like this Simple right?
Ok, now you may wonder "how can I make an indent (or have a tab key effect) at the next line?" well, this is just as simple as the last tag, here is a indenting tag
Ok, now onto Italics italics are done in the same way as bolding text, we just change the b in <b> and </b> to an i like this Really simple huh?
Now, you are saying to yourself, "what do I do when the time comes where I need to underline my text?" well, we have the same job as we did with the italics, we just have to change those i's to u's like so

Another thing we should consider doing is changing the size of our text, so we can make things stand out even more on our page. Here is how we do this, we need to define a size within our staring tag this time, but don't worry, it's very easy! look at this Now it would be very bland and hard to read webpages if all we could use is size 1, so the creators of HTML gave us 7 sizes we could use, so where you se the "1" in our code we can instead use "2", "3", "4", "5", "6", or "7".

Lesson 3
Ok, now we are going to learn to add some cool things to our page.
Ok, we will start with the bullet, the bullet is a bit more compliated than what we have done so far, take a look here (<ul> begins the bullet series, </ul> ends it, and <li> creates an actual bullet)
Notice how I hit enter after each bullet and after my starting tag, this is nessary or our bullets might not work in all browsers, some will work though...
"Now, how can we create a numbered list?" you are thinking it works the same way as a bullet, with different letters in the starting and ending tags, take a look

Now we can also change the width, so it doesn't cover the whole page, we can do two things to create this, the first is by defining the size in pixels we want, the code is (Pixel Size should be replaced with the actual number) Another way we can do this is by entering the percentage of the page thw divide should cover, like so (replace percentage with the percentage, make sure to add the percent sign directly after the number...)
We can also make the divide thicker like so... (pixels should be replaced with the pixel size in numbers)
Now, "What if we want to combine these effects?" you ask? well, this is simple, we add all of the variable into our taghere is an example of a tag with all three effects (remove any not wanted) [hmtl]<hr noshade width=Pixels or percentage size=pixels>[/html] The order of the variables doesn't matter by the way.

Lesson 4
Now we need to make our page more lively and less bland, so we will learn to add color now... Here is the code for changing color using hex codes (you would replace the hex with the actual hex code), Make sure to put the hex code in quotes.
Here are a few basic hex codes:
Red = FF0000
Purple = CC00CC
Blue= 0000FF
Green= 00FF66
Yellow= FFFF00
Black= 000000
White= FFFFFF
Now, we can also use the actual names of basic colors, like so (replace NC with the name of the color) Make sure you put the name of the BASIC color in quotes.
Ok, now we want to give our site a nice backround color right? ok, well here's the hex code version (remember to swap hex for the actual hex code) Remember to put the hex code in quotes!
Now, here is the version for basic colors using the name (replace NC with the actual name...), Rember to put your quotes...

Lesson 5
One of the last lessons we will learn is on insterting pistures and backround images.
This is quite simple, but a good skill to have, ok here is the code to insert a picture (replace the words url with the actual url of the image) Remember to put the url in quotes!
Ok, we can also add a border which is like a little picture frame, here is the code (replace url with the image url, and number with the border size 0-2) remember to put qoute around both the image's url, and the border size, speaking of border sizes, 0 will create no border (the same as not using the tag at all...) 1 will make a thin border, and 2 will create a thick border.
To display a backround image (it will be tiled...) you can use this code (replace url with the image location) rember to put the quotes around the image url.

Lesson 6 (last lesson) Refining but Not Confining

Ok, as our last lesson we will learn to place text somewhere else on the page, and how to link to another page...
Ok, to align text or an image to the left we must enter this (put the code for your image or text where it says image/text)
To make the text/image centered on the page we must switch the part that says
align=left to align=center and to align it to the right we must use align=right where the align=left was. Now we will create a text link, here is the code (put the url of the page you want to link to where it says url, and the ocde for the text you want displayed where it says Text Here) remember to put quotes around the url.
Now, we the last thing we will learn is creating a linking image, this is quite simple, all you need to do is replace the code for your text with the code for your image.

Wrap-Up

Ok, well you've learned a lot to day, I hoped you understood everything, if you have a question just ask in this topic, or PM me. I will post another little course when I finish HTML Novice, it will cover tables, some basic CSS and all that junk.

The best way to get a nice looking page is by combining effects, use the alignments to get things precisely where you wnat them!

~GM

whyme says: fixed your bbcode

This post has been edited by whyme: Mar 20 2005, 12:55 AM

an excellent tutorial for html beginners.

Thanks, I messed up some of my BB Code in the third lesson whith creating numbered lists.

Cool HTML Lessons, would have taken a long time typing it up!!

i fixed up the bbcode

nice tutorial for begginers

Thank you Whyme!

Yes an excellent tool for beginners. I give it a 10/