Once you have put the tag around your text, copy it and paste it into the text box on the HTML tester

------The Font tag------

The font tag has a basic format I will highlight parts of it to explain
Text

The Red parts show the Basic tag

The Green part shows the colour of the text, note the spelling in the code, for more of these colours look at hexadecimal chart posted at the begging

The Yellow parts show the font size, to increase and decrease, you can lower and higher the number

The blue parts show the font that you are using websafe fonts are: arial, arial black, comic sans ms, courier, courier new, georgia, helvetica, impact, palatino, times new roman, trebuchet ms, verdana

Try playing with this in the HTML tester

------The Marquee Tag------

The Basic format of this tag is as follows

text

The Red parts are the basic tag

The Yellow parts tell the marquee what to do the options are scroll or alternate, scroll is a classic marquee where as alternate bounces back rather than starting again on the other side

The green parts tell the marquee which way to travel the options here are up, down, left and right

The blue parts tell the marquee how fast to travel the higher the number the faster it is going

have a play on the HTML tester

------Linking------

We have probably all had a go with the anchor () tag before, I won't explain the name tag as I imagine most people here would have no use for it, so I shall get straight on to linking, to Do a link to google you would do the following code

Code:
Search with Google

I'm sure you can work out what parts to change to link to other sites and to alter the text, have a play with this in the tester

To open a link in a new window requires a more complex code

Code:
Search with Google

Although I tend to just do a basic link and give people the option of opening a new tab or not, as they could just press the link with their mouse button to open the link in a new tab.

------Images------

To place an image with HTML you use the img tag to place a basic image you use the following code

Code:

Where I have wrote URL represents where to put the URL of the image

If you are putting up an image from an unreliable server it is a wise idea to have an alternate text in case the image doesn't load you do that with the following example

Code:

If you wanted an image to be a hyper link you would do it like this

Code:

I'm sure you can see how it works, most HTML can stack like this, why not try making it scroll as well, on the tester?

If you want in the centre I'll show you a crude way of doing it

Code:

This is a messy but easy way of doing it, you can see the H1 tags, which label it as header one, if making a site this wouldn't be wise, but for most people here, it wio;; be simple but effective.

------For all those IE users------

I'm not going to go into too much detail about this as nobody uses IE, but if you dump firefuzz or opera for a while you do a variety of exciting things with text including

Glowing

Code:
Glowing

Shadowed

Code:
shadowed

Drop Shadowed

Code:
Drop shadowed

Blured

Code:
Blured

Wavey

Code:
Wavey

If you want to learn how these work, you are best learning the way I did and playing with them. But remember forks when you have finished playing with this go back to your open source browser don't be all like "eye luv gl0win txt"

more to come forks